什么是js注入?

JavaScript036

什么是js注入?,第1张

JavaScript注入就是在浏览器地址栏中输入一段js代码,用来改变页面js变量、页面标签的内容。

使用Javascript注入,用户不需要关闭或保存网页就可以改变其内容,这是在浏览器的地址栏上完成的。命令的语法如下:

javascript:alert(#command#)

可以直接在页面上点击右键,然后选择审查元素或者在Chrome的工具中找到或者你直接记住这个快捷方式: Ctrl+Shift+I (或者Ctrl+Shift+J直接打开控制台),或者直接按F12。

1.下载“火狐浏览器”。如果电脑上没有安装“火狐浏览器”,可以在百度中搜索并下载,如图:

2.使用火狐浏览器打开需要调试页面(也可以在开发工具设置火狐浏览器来打开),如图:

3.按F12打开“开发者工具”。界面如图:

4.选择“调试器”选项,然后选择需要调试的JS代码,接着在合适的位置加入断点,如图:

5.按F11或者F10单步调试JS(F11和F10的区别:F11调试,单步执行,进入调用的其它函数;F10调试,单步执行,不进入调用的其它函数)。也可以单机页面上相应的按钮进行调试。如图:

首先你要确认你的是js码,只有js代码才能被调用。将写好的js代码复制到txt文件中,另存为.js文件,保存在你的网站目录下。我保存在桌面上。(注在网页上调用一定要保存在网页上)保存好了之后,我的桌面就有一个新建.js的介绍文件,现在看看效果吧。随便新建一个网页,在<body></body>(注我演示的没有body,是最简单的网页)之间插入<scriptlanguage="javascript"src="js文件地址"></script>,我的是放在桌面上的,所以地址是下面的这个保存为html文件之后,打开来看看效果吧。如上图所示,在网页的源文件里面,显示的不是<inputtype=buttonname="Submit1"value="郭强"size=10class=s02style="background-color:rgb(235,207,22)">而是这段代码转换成js后js文件所在的位置。