JS学习阶段（1）

  1. 正式学习JavaScript
    1. 输出
    2. 一、window.alert()
    3. 操作 HTML 元素
    4. 变量
      1. 声明创建对象
      2. 数据类型

image.png
image.png

作用：
image.png
其实也就是JAVAscript漏洞
image.png
image.png
BEEF中hook.js是一个钩子-木马

学习路线：
image.png

正式学习JavaScript

输出

  • 使用 window.alert() 弹出警告框。
  • 使用 document.write() 方法将内容写到 HTML 文档中。
  • 使用 innerHTML 写入到 HTML 元素。
  • 使用 console.log() 写入到浏览器的控制台

一、window.alert()

image.png

操作 HTML 元素

如需从 JavaScript 访问某个 HTML 元素，您可以使用 document.getElementById(id) 方法。
使用 “id” 属性来标识 HTML 元素，并 innerHTML 来获取或插入元素内容
<p id="demo">here的内容</p>
    <script>    document.getElementById("demo").innerHTML="我想要的内容";
     </script>

最后输出的就是script内中的内容了
image.png

输出时间
image.png
image.png

变量

  • 变量必须以字母开头
  • 变量也能以 $ 和 _ 符号开头（不过我们不推荐这么做）
  • 变量名称对大小写敏感（y 和 Y 是不同的变量）

因此一般使用var进行设置变量

声明创建对象

<button onclick="myFuntion()">点击</button><p id="demo"></p>
    <script>
    function myFuntion(){    var carname="Vovo";    document.getElementById("demo").innerHTML=carname;} 
      </script>

image.png

数据类型

值类型(基本类型)**：字符串（String）、数字(Number)、布尔(Boolean)、对空（Null）、未定义（Undefined）、Symbol。
**引用数据类型：对象(Object)、数组(Array)、函数(Function)。

字符串：var carname="voov";
var carname='vovo';

数字：var x1=23;整数
var x2=1.22 小数
布尔：var x=true;
var y=false;
布尔类型只有这两个值

数组：
<script>var i;var cars = new Array();
cars[0] = "Saab";cars[1] = "Volvo";cars[2] = "BMW";
for (i=0;i<cars.length;i++){document.write(cars[i] + "<br>");
}</script>

image.png

对象：
对象由花括号分隔。在括号内部，对象的属性以名称和值对的形式 (name : value) 来定义。属性由逗号分隔
var person={
firstname : "1",
lastname : "2",
id : 22
};
寻址方式有两种:
<script>
var person={firstname  : "WD",lastname   : "DS",id         : 22};
document.write(person.lastname+"<br>");
document.write(person["lastname"]+"<br>");
</script>

image.png

声明变量类型
声明新变量时，可以使用关键词 “new” 来声明其类型：
var carname=new String;
var x=      new Number;
var y=      new Boolean;
var cars=   new Array;
var person= new Object;

对象方法
创建对象方法：
methodName : function() { // 代码 }

<p id="demo1"></p><p id="demo2"></p>
<script>
var person = {
   firstName: "John",
   lastName : "Doe",
   id : 5566,    
fullName : function() {
      return this.firstName + " " + this.lastName;    }};
document.getElementById("demo1").innerHTML = "不加括号输出函数表达式："  + person.fullName;
document.getElementById("demo2").innerHTML = "加括号输出函数执行结果："  +  person.fullName();
</script>
image.png
可以看到第一个式子直接输出了fullName里的内容，因为person.fullName代表的是fullName是一个变量输出了变量里的字符串，
第二个式子则是将person.fullName（）这是一个方法，输出的是fullName:function中的方法内容

page PV:  ・  site PV:  ・  site UV: