网页前端第五次培训

最新推荐文章于 2024-09-01 02:07:48 发布

xy儿

最新推荐文章于 2024-09-01 02:07:48 发布

阅读量84

点赞数

文章标签：前端 html

本文链接：https://blog.csdn.net/qq_65874997/article/details/122851082

版权

一，语句和注释

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>基本使用</title>
	</head>
	<body>
		 <!-- 行内JS -->
		 <button onclick="alert('Hello world!');">按钮</button>
		 <!-- 内部JS -->
		 <script type="text/javascript">
		 	//alert（”这是一个按钮！“）；
		 </script>
		 <!-- 引入外部js文件 -->
		 <script src="js/testjs.js" type="text/javascript">
		 </script>
	</body>
</html>

二，基本语法

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>基本语法</title>
	</head>
	<body>
		<script type="text/javascript">
			//单行注释
			/*多行注释*/
			console.log("hello");
			console.log("haha");
		</script>
	</body>
</html>

三，变量

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<script type="text/javascript">
		/* 变量的声明 */
		//1.先声明在赋值
		var a;
		a=1;
		console .log(a);
		//2.声明并赋值
		var b=2;
		console.log(b);
		
		/*变量的注意点*/
		//1.如果变量只声明而未赋值，则显示underfinded
		var c;//声明变量
		console.log(c);//undefinded
		
		//2.如果变量未声明就使用，则会报错
		console.log(d);//d is not defined
		
		//3.可以使用var同时声明多个变量
		var aa,bb,cc=10;
		console.log(aa);//undefinded
		console.log(bb);//undefinded
		console.log(cc);//10
		
		//4.如果重新声明一个已存在的变量，是无效
		var a;
		console .log(a);
		
		//5.如果重新声明一个已存在的变量并赋值，则会覆盖
		var a=10;
		console .log(a);
		
		//6.JS是一种动态的，弱类型语言，可以声明任意数据类型的变量
		var str="hello world";
		var flag="true";
		console.log(str);
		console.log(flag);
		console.log("true");
		
		//不使用var声明变量
		name="zhangsan"
		console.log(name)
		
		</script>
	</body>
</html>

四，数据类型

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>数据类型</title>
	</head>
	<body>
		<script type="text/javascript">
		var a;console.log(a);
		function ffn(str){
			console.log(str);
		}
		ffn();
		 
		 var num=1;
		 var flag=1;
		 var str="helllo";
		 console.log(typeof num);
		 console.log(typeof flag);
		 console.log(typeof str);
		 var aa=null;
		 console.log(typeof null);
		 
		 console.log(1==1.0);
		 var n=1+1.0;
		 console.log(n);
		 
		 var s1="hello";
		 var s2='world';
		 console.log(s1,s2);
		 console.log(s1+s2);		 
				 
				 </script>
	</body>
</html>

五，函数的转换

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
	<!-- 函数转换
	 parseint（）转整数型
	 parsefioat（）转浮点型
	 注意：转换时会从值的第零个位置开始找有效数字，直到找到无效数字位置
	 -->	
	<script type="text/javascript">
	console.log(parseInt("123abc"));
	console.log(parseInt("abc123"));
	console.log(parseInt("123.4abc"));
	
	var a=1;var b="2";
	console.log(a+b);
	console.log(a+parseInt(b));
	
	// 显示转换
	 // toString将值转为字符串
	 // toFixed保留指定小数位
	 // 注意数值不能为null
	
	 var aa=10;
	 console.log(aa);
	 console.log(aa.toString());
	 
	 var cc=1.36554;
	 console.log(cc.toFixed(2));
	 //number
	 var q="1";
	 var w="a";
	 var d="123.4"
	 console.log(Number(q));
	 console.log(Number(w));console.log(Number(d));
	 //Boolean
	 console.log(Boolean("a"));
	 console.log(Boolean(0));
	 console.log(Boolean("1"));
	 console.log(Boolean(null));
	 
	 //string
	 console.log(10);
	 console.log(String(10));
	 console.log(null);
	 console.log(String('null'));
	</script>	
	</body>
</html>

xy儿

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
网页前端第五次培训

一，语句和注释<!-- JS的三种使用方式 1.行内JS 在html标签上直接写JS代码 2.内部JS 在script标签中写JS代码，script标签可以放在head中或body中（建议放在body标签最后） 3.外部JS 定义JS文件，通过script标签的src属性引入对应的JS文件 ...
复制链接

扫一扫