2024年最全代码审计 JavaScript代码理解(2)，源码解析-CSDN博客

本文链接：https://blog.csdn.net/2401_84976678/article/details/138911530

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，涵盖了95%以上C C++开发知识点，真正体系化！

由于文件比较多，这里只是将部分目录截图出来，全套包含大厂面经、学习笔记、源码讲义、实战项目、大纲路线、讲解视频，并且后续会持续更新


效果图.


![](https://img-blog.csdnimg.cn/301de838cd5a4d20b26a8cbefc8b12f9.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA5Y2K5Liq6KW_55OcLg==,size_20,color_FFFFFF,t_70,g_se,x_16)




---


#### **（3）用 JavaScript 对某个事件做出反应.（弹框输出）**

```

效果图.

（4）JavaScript 能够处理的常见事件.

1. onError 的用法：

<body>                                                 <!--主体开始-->

	<img src="sss" onError="alert('单击按钮，触发了click事件')">    

</body>                                                 <!--主体结束-->
<!--onError是当<img >,加载图片过程中发生错误时触发-->
<!--sss是图片，因为没有这个sss图片-->

效果图.

onLoad 的用法：

<body>                                                 <!--主体开始-->

		<img src="2.jpg" onLoad="alert('单击按钮，触发了click事件')">

</body>                                                 <!--主体结束-->

<!--加载图片成功时会触发-->

效果图.

onSubmit 的用法：

<body>                                                 <!--主体开始-->
<script>
function bgxg()                            <!--function定义一个函数,函数名bgxg-->
{
	alert("提交表单");                      <!--函数的内容-->
}
</script>

<form action="*" onsubmit="bgxg()">            <!--onsubmit是用户提交窗体时出发，bgxg()函数的内容.-->
账号: <input type="text" name="fname"><br>
密码: <input type="text" name="lname"><br>
<input type="submit" value="提交">
</form>

</body>                                                 <!--主体结束-->

效果图.

（5）加载外部 JS 文件.

1. 加载内部网站的JS 文件.

<body>			<!--主体开始-->

<script src="/999.js"></script>        <!--加载999.js文件-->
	
</body>		<!--主体结束-->

alert("hello,world!");        //.js文件的代码.

效果图.

2. 加载外部网站的 JS 文件.

<body>			<!--主体开始-->

<script src="http://192.168.1.104:801/DVWA/888.js"></script>
	
</body>		<!--主体结束-->

效果图.

（6） document 对象的常用属性.

document.cookie，显示当前页面的 cookie.


<body>			<!--主体开始-->

    <script>
        alert(document.cookie);    <!--显示当前页面的 cookie -->
    </script>

</body>		<!--主体结束-->

效果图.

document.location，显示当前页面的 URL.

<body>			<!--主体开始-->

    <script>
        alert(document.location);    <!--显示当前页面的 URL-->
    </script>

</body>		<!--主体结束-->

效果图.

（7）location.href 实现页面跳转.（location.href 也可简写成 location）

<body>		<!--主体开始-->

	<script>
		location="http://192.168.1.104:801/dvwa/login.php";    <!--实现页面跳转-->
	</script>

</body>		<!--主体结束-->

效果图.

（8）confirm 语句.

显示确认选择对话框，返回 ture 或 false .

<body>		<!--主体开始-->

	<script>
		if(confirm ("6>5?")==true){       
			document.write("正确");
		}
		else{
			document.write("错误");
		}
	</script>

</body>		<!--主体结束-->

效果图.