JavaScript基础（网安入门专用）

零域行者2026-10-28 13:14

本文只讲网安入门需要学习的JS内容，不会全部讲解JS，因为网安不需要像前端开发那样学习

对于一个网页而言，HTML、CSS、JavaScript分别代表结构、样式和行为。结构是网页的骨架，样式是网页的外观，行为是网页的交互逻辑

节点即为标签，节点之间的关系称为节点树。DOM可以理解为整个节点树最外层的根元素，DOM其实就是document对象，经常用来操作节点

JavaScript的三种书写位置：

行内式------写在html标签里面
内嵌式------写在<script></scrpt>标签里面，script标签一般放在html文本最下方
外链式------写在一个js文件里面，然后用<script src="./JS/jQuery.min.js"></script>引入它

在HTML中还有一种嵌入JS代码的方法，就是使用JavaScript伪协议

html 复制代码

<a href="javascript:alert('伪协议')">点我</a>

常用输入输出语句：

alert('msg');------浏览器会弹出一个警告框
console.log("msg");------浏览器控制台输出信息，建议使用它挖XSS漏洞
prompt("msg");------浏览器弹出输入框，用户可以输入内容

JavaScript是一种弱类型语言，变量的类型会在程序运行过程中自动确定，可以更改

字符串型中字符串的单引号、双引号会两两配对，比如：一对单引号中可以放一个或两个双引号，但如果放一个单引号，就会出错

javascript 复制代码

<script type="text/javascript">
    //DOM:常用属性
    //documentElement:获取到节点树的html标签
    console.log(document.documentElement);
    //head:获取到节点树的head标签
    console.log(document.head);
    //title:获取到节点title标签的文本
    console.log(document.title);
    //body:获取到节点body
    console.log(document.body);
    //getElementById方法:可以获取到节点树上任意节点
    //var声明变量，给标签添加id属性，通过id选择器获取
    var element = document.getElementById("box");
    console.log(element);
    console.log(typeof element);
</script>