5、Javascript

2020-07-29

代码审计安全

Javascript

Javascript

https://www.liaoxuefeng.com/wiki/1022910821149312/1023020745357888

一、常用语句

alert();/confirm();/prompt(); #弹窗

console.log(); #在控制台输出

二、JS的版本标准与解释引擎

https://www.liaoxuefeng.com/wiki/1022910821149312/1023022129105888

JavaScript标准是ECMAScript（目前已经是ES6），讲到JavaScipt的版本，实际上就是实现ES的哪个版本的标准。

google：V8引擎

firefox：OdinMonkey引擎

三、如何在HTML中引入JS代码

1、内部<script></script>标签：JavaScript代码可以直接嵌在网页的任何地方，不过通常我们都把JavaScript代码放到在<head></head>中定义。

2、外部<script src=""></script>标签：以.js文件形式在外部定义。

四、JS代码建议部署位置

由于浏览器从上至下解析代码，如果把JS放在上面，则如果需要对DOM进行操作就有可能没有解析出来，因此JS代码建议放在尾部去执行。

五、JS基本语法

1、变量

声明变量：var

2、数据类型

JS支持数字(NaN无法计算、Infinity超过数字表示范围)、

字符串(建议单引号)、

布尔(true/false)、

数组([可混合类型])、

对象（var object = { key: value};）、

Map( var x = new Map(); x.set(‘key’,value); x.get；x.delete；x.has )、

Set(add、delete)、

Map和Set是ES6标准新增的数据类型，请根据浏览器的支持情况决定是否要使用。

null/undefined等数据类型。统一通过给var赋值定义。

六、流程控制

if、for、while、do while和C语言一样；

1、for .. in：通过for in 可以遍历获得对象中的键，得到了键自然也能得到值，所以for..in主要是用于遍历对象中的键与值。

1
2
3

for (var key in object) {
    console.log(key);
}

七、函数

function myFunction(var1,var2)
{
代码
return 返回值 #有需要时用
}

八、JS通过对象操作浏览器（BOM）

1、Window对象：代表浏览器窗口，全局变量是 window 对象的属性，全局函数是 window 对象的方法，甚至 HTML DOM 的 document 也是 window 对象的属性之一。

2、window.navigator对象：包含有关访问者浏览器的信息。

window.navigator 对象在编写时可不使用 window 这个前缀。

navigator.userappVersion、navigator.userAgent

3、window.screen对象：屏幕信息。

4、window.location对象：URL信息。

5、window.document对象：当前页面。

九、JS通过对象操作页面（DOM）

1、查找标签、节点等方法1、：document.getElementById、document.getElementsByXXX、节点名.childer、节点名.firstElementChild、节点名.lastElementChild

2、操作cookie：document.cookie={"name=AJEST"}

十、JS事件

用户触发事件的判断：鼠标事件(onclick)、键盘事件、form事件……

对触发的事件做事件响应：写在html标签中

<input type="button" onclick="alert(/xss/)" value="bu1" />
<input type="button" onmouseover="fm()" value="bu2" />#鼠标悬停
<script>
function fm() {
    alert('xss');
}
</script>

上一篇：55-跳跃游戏

下一篇：4、CSS语言