2024年最全代码审计 JavaScript代码理解(2),源码解析

img
img

既有适合小白学习的零基础资料,也有适合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图片-->

效果图.


  1. onLoad 的用法:
<body>                                                 <!--主体开始-->

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

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

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

效果图.


  1. 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 对象的常用属性.
  1. document.cookie,显示当前页面的 cookie.

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

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

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

效果图.


  1. 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 语句.

显示确认选择对话框,返回 turefalse .

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

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

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

效果图.

img
img

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

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

如果你需要这些资料,可以戳这里获取

.

[外链图片转存中…(img-cNKNdFVL-1715759353062)]
[外链图片转存中…(img-zvP1qtCL-1715759353063)]

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

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

如果你需要这些资料,可以戳这里获取

  • 4
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值