JavaScript的基础知识及使用方式

<head>
<!--js代码编写是 必须写在script标签内-->
	<!--引入外部的JS文件时 使用script标签 需要设置该标签的src属性-->
	<script src="js/index1.js" type="text/javascript" charset="utf-8"></script>
	<!-- 如果一个script标签是用来引入外部JS文件的 那么此时在该标签内写的JS文件是不会被执行的-->
	<script type="text/javascript">
		//写一个弹出框
		alert("Hello World!!")
		//JS代码写在HTML页面中时 我们可以将代码写在head内 body内 body外 以及HTML标签外
	</script>
	</head>
	<body>
	<!--可以引入超链接-->
	   <a href="http://www.baidu.com/">百度</a>
	 
	</body>

JS代码写在HTML页面中时 我们可以将代码写在head内 body内 body外 以及HTML标签外

<body>
		<script type="text/javascript">
			//声明一个变量 使用var关键字变量 用来存储学生姓名
			/*
			变量名不能是关键字 可以由数字 字母 下划线组成
			但是首个字符不能是数字 如果声明的变量名是由多个单词够成
			那么首个单词的首字母小写 后面的单词首字母大写 这叫驼峰法则
			*/
			var stuName = "张三"//声明并赋值
			var stuAge = 20
			var isChecked = ture
			//使用typeof查看变量的数据类型
			document.write(typeof stuName)
			document.write("<br />")
			document.write(typeof stuAge)
			document.write("<br />")
			document.write(typeof isChecked)
			//总结:在JS中 变量的数据类型是由变量后面赋的值的数据类型来决定的 
			//比如当变量赋值是字符串 那么该变量的数据类型就是字符串
			var a//当一个变量只声明未赋值 那他的数据类型和默认值都是undefined
			//a = 10
			document.write("<br />")
			document.write(a)
			document.write("<br />")
			document.write(typeof a)
			//声明多个变量
			var x=20,y,z=10;
			//var x=y=z=10;//区别是 
			//控制台打印
			console.log(x)
			console.log(y)
			console.log(z)
			
			//多种数据类型进行运算
			console.log(8.16+10)
			console.log("8"+2.5)
			console.log("张三"+"性别女")
			console.log(10+true)
			console.log(10+false)//代码运算中true=1 false=0
			
			var num_1=prompt("请输入第一个数字:")
			var num_2=prompt("请输入第二个数字:")
			//此时需要使用一个函数将字符串转换成数字parseInt()
			//如果输入的数字是小数 那转换成整数时 是直接将小数去掉 取整数
			var result=parseInt(num_1)+parseInt(num_2)
			var result=parseFloat(num_1)+parseFloat(num_2)
			console.log(result)
			
			console.log(parseInt("张三"))//结果时NaN:表示 不是一个数字
		</script>
	</body>

声明一个变量 使用var关键字变量 用来存储学生姓名

JS有哪几种使用方式
1、行内式:将JS代码写在属性里面
2、内嵌式:将JS代码和HTML写在一起 用script标签隔开
3、外联式:把JS代码写在单独的一个文件中 需要的时候引用进来即可

总结:在JS中 变量的数据类型是由变量后面赋的值的数据类型来决定的 
            比如当变量赋值是字符串 那么该变量的数据类型就是字符串
            当一个变量只声明未赋值 那他的数据类型和默认值都是undefined

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值