Javascript基础语法(一)

最新推荐文章于 2023-05-09 19:08:55 发布

curd_boy

最新推荐文章于 2023-05-09 19:08:55 发布

阅读量95

点赞数

分类专栏：前端

本文链接：https://blog.csdn.net/weixin_43746433/article/details/95610077

版权

前端专栏收录该内容

12 篇文章 0 订阅

订阅专栏

1.按钮

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>王大阳</title>
</head>
<body>
    <h1>我的第一个标题</h1>
    <p>我的第一个段落。</p>
  
    <!-- <div><button id='btn' οnclick='alert("你点我干嘛！")'；>按钮</button></div> -->
    <!-- <button id='btn' οndblclick='alert("你点我干嘛！")'；>点两次按钮</button> -->
    <!-- <button id='btn' οnmοusemοve= 'alert("你点我干嘛！")'；>按钮</button> -->
    <script type="text/javascript">
    	var json = '{"name"："李华","age":"28","gender":"男"}';
		var o = JSON.parse(json);
		console.log(o.name);
    </script>>
    
    <button id='btn1'>我是函数按钮1</button>
    <script type="text/javascript">
    	// alert('第一个')
    	/*
		*document.write('666')向body输出 
		*/

		var btn1 = document.getElementById("btn1");
		btn1.onclick=function(){
		// body...
		alert("你还点！！！");
		};
		/* onload 加载完页面 执行函数
    	*/
		window.onload = function(){
		alert("66666");
	};
		/* json.parse() 将JSON字符串转为JS对象    	*/
	
    </script>

	<button id='btn' οndblclick='alert("你点我干嘛！")'；>点两次按钮</button>
</body>
</html>

2.文本格式转换

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>王大阳</title>
</head>
<body>
    <h1>我的第一个标题</h1>
    <p>我的第一个段落。</p>
  
    <script type="text/javascript">
    	var json={"firstName":"John" , "lastName":"Doe" ,"age":28 };  
		console.log(json.age);

		/*字符串转对象JSON.parse
    	*/

    	var arr  ='[1,2,3,"hello",true]';
    	var o2 = JSON.parse(arr);
    	console.log(o2);

    	var obj2 ='{"arr":[1,2,3]}';
		var o1 = JSON.parse(obj2);
		console.log(o1);
    	
    	var json1='{"firstName":"John" , "lastName":"Doe" }';
		var o = JSON.parse(json1);	
		console.log(o.firstName);
		
		/*对象转字符串JSON.stringify
    	*/
		var json4={firstName:"John" , lastName:"Doe" ,age:28};
		var str =JSON.stringify(json4);
		console.log(str);


		/*eval()函数可以执行一段字符串形式的JS代码
		*/
		var str2= "alert('hello');";
		eval(str2);
		var json6={"firstName":"John" , "lastName":"Doe" ,"age":28 };  
		var a=eval(json6); 
		console.log(a);

		var json7='({"firstName":"John" , "lastName":"Doe" ,"age":28 })';  
		var a=eval(json7); 
		console.log(a);
    </script>
    
</body>
</html>

curd_boy

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
Javascript基础语法(一)

## 1.按钮<!DOCTYPE html><html><head><meta charset="utf-8"><title>王大阳</title></head><body> <h1>我的第一个标题</h1> <p>我的第一个段落。&lt...
复制链接

扫一扫