javaScript基础

最新推荐文章于 2022-06-21 08:08:40 发布
最新推荐文章于 2022-06-21 08:08:40 发布
阅读量295 收藏
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/InnIMerSyngur/article/details/104529285
版权

组成部分：

  1. ECMAScript，描述了该语言的语法和基本对象。

  2. 文档对象模型（DOM），描述处理网页内容的方法和接口。

  3. 浏览器对象模型（BOM），描述与浏览器进行交互的方法和接口。

20200212213102.png

1. ECMAScript

ECMAScript:描述了该语言的语法和基本对象

1.1. 基本语法:

1.1.1. 与html结合方式:

  1. 内部js:
    1. 定义script标签,标签内容就是js代码。
  2. 外部js
    1. 定义script标签,通过属性src引入外部js文件的路径。
  • 注意：
  • script标签可以定义在html页面的任何地方，但是定义的位置会影响执行顺序。
  • 可以定义多个，通常放在HTML文档的头部。
<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
    </head>
    <body>
        
    <!--
        内部js
    -->
    <input type="text" />
    <script>
        alert("hello js")
    </script>
    
    <!--
        外部js
    -->
    <script src="test.js"></script>
    
    
    </body>
</html>

1.1.2. 注释

  1. 单行注释：//注释内容

  2. 多行注释：/* */
alert("hello js")
//我是注释
/*我是注释*/

1.1.3. 数据类型

  1. 原始数据类型：

    • number:数字，整数/小数/NAN

    • string:字符串，单引号或者双引号
    • boolean:布尔型，true或false
    • null:空，一个对象为空的占位符

    • undefined:未定义，如果一个变量没有给初始化值，则会被默认赋值为undifined

  2. 引用数据类型：对象

  3. 特点:

    • 基本类型的值是不可变的

    • 在从一个变量向另一个变量赋值基本类型时，会在该变量上创建一个新值，然后再把该值复制到为新变量分配的位置上。

    • 引用类型的值是可变的

1.1.4. 变量

  1. JavaScript是弱类型语言：

    • 在开辟变量存储空间时，不定义空间将来的存储数据类型，可以存放任意类型的数据。
  2. 语法:
    • 只有一个var标识符来定义变量。
//定义number类型
var num1 = 1;
var num2 = NaN;
document.write(num1);
document.write("  is a  "+typeof(num1)+"<br>");
document.write(num2);
document.write("  is a  "+typeof(num2)+"<br>");

//定义string类型
var str1 = "zyx";
document.write(str1);
document.write("  is a  "+typeof(str1)+"<br>");

//定义boolean类型
var flag = false;
document.write(flag);
document.write("  is a  "+typeof(flag)+"<br>");

//定义null类型
var obj = null;
var obj2 = undefined;
var obj3;
document.write(obj);
document.write("  is a  "+typeof(obj)+"<br>");//null被typeof()视为一个object对象
document.write(obj2);
document.write("  is a  "+typeof(obj2)+"<br>");
document.write(obj3);
document.write("  is a  "+typeof(obj3)+"<br>");
/*
1 is a number
NaN is a number
zyx is a string
false is a boolean
null is a object
undefined is a undefined
undefined is a undefined
*/

1.1.5. 运算符

  1. 一元运算符：只有一个运算数的运算符

    • ++(自加),--(自减),+(正号)
    • ++在后先运算再赋值,

  2. 算数运算符：

    • 加减乘除

  3. 比较运算符：

    • 大于，小于，>=,<=,==,
    • ===绝对等于（值和类型均相等）
    • !== 不绝对等于（值和类型有一个不相等，或两个都不相等）

  4. 逻辑运算符：

    • &&,||,!

  5. 三元运算符:

    • a>1?a=1:a=2;

  • js中的类型转换：

    • 在js中，如果运算数不是运算符要求的类型，那么js引擎会自动的将运算数进行类型转换

1.1.6. 流程控制语句

  1. if{}else{}
  2. switch
  3. while
  4. do...while
  5. for

1.1.7. 特殊语法

  • 变量的定义使用var关键字：

    • var a = 1;表名a是局部变量
    • a = 1;表明a是全局变量

1.2. 基本对象

对象是一种特殊的数据。对象拥有属性和方法

引用类型：
引用类型有这几种：object、Array、RegExp、Date、Function

特殊的基本包装类型(String、Number、Boolean)以及单体内置对象(Global、Math)。

1.2.1. Function对象：

  1. 创建

    • 直接量方法：var 方法名称 = new Function(形参列表，方法体);

    • 静态方法：function 方法名称(形参列表){
      方法体;
      [return[函数返回值]]；
      }；

    • 动态匿名方法：var 方法名称 = function(形参列表){
      方法体
      };

  2. function对象的属性
    1. length:代表形参的个数。
    2. 方法也是一个对象，定义名称相同的方法会被覆盖。
    3. 如果形参个数不对，可以运行，只接受参数。
    4. 在方法声明中
  3. 注意
    1. 形参的var不用写；
    2. 方法也是一个对象，定义名称相同的方法会被覆盖。
    3. 可以接受任意的参数
<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
    </head>
    <body>
        <script>
        
         //方法一
            var fun1 = new Function("a","b","alert(a);");
            fun1(3,4);

          //方法二
            function fun2(a,b){
                alert(a);
            }
            fun2(3,4);
            
            //方法三
            var fun3 = function(a,b){
                alert(a);
            }
            fun3(3,4);
        </script>
    </body>
</html>

1.2.2. array对象

      var obj1 = new Array("123",123,NaN);
        document.write(obj1);

数组可以有不同的对象，数组长度会自动扩充。

  1. 创建
    • var obj = new Array() ;
    • var obj = new Array(size);
    • var obj = new Array(元素列表);
    • var obj = [];
  2. 数组的增删改查
    • 使用obj[0] 来访问元素
  3. 数组属性
    • length:得到数组的长度
  4. 数组的方法

1.2.3. Date对象

  1. 创建
    • var obj = new Date();
  2. 方法
  3. 属性

1.2.4. Math对象

  1. 创建
    • 特点：此对象不用创建，直接使用（相当于静态类） 。
  2. 方法
    • Math.random() ,返回0到1直接的随机数，含0不含1 。
    • Math.ceil(x),对x进行上舍入 。
    • floor(x),对x进行下舍入 。
    • round(x),把数四舍五入为最接近的整数 。
  3. 属性
    • Math.pi

1.2.5. Number对象

1.2.6. String对象

1.2.7. Boolean对象

1.2.8. RegExp对象(正则表达式对象)

  1. 正则表达式：定义字符串组成的规则。

    1. 单个字符：[ ]

      1. [a]：表示a
      2. [ab]：表示a或b
      3. [a-zA-Z0-9_]：大小写字母数字下划线
      4. 特殊符号含义表示的字符集：
        • \d：为单个数字字符[0-9],
        • \w：单个单词字符为[a-zA-Z0-9_]
    2. 量词符号
      1. ?：表示出现零次或一次
      2. +：表示一次或多次
      3. *：表示零次一次或多次
      4. {m,n}：表示数量大于m,小于n
    3. ^开始字符，$结束字符

  2. 正则表达式对象RegExp

    1. 创建：
      1. var obj = new RegExp(pattern,modifiers);如：("//w{6,10}")
      2. var obj = /pattern/modifiers;如：/w{6,10}
    2. 方法：
      1. obj.test(参数)：验证参数是否符合obj正则表达式的规范，如果正确返回true,错误返回false

1.2.9. Global全局对象(即直接调用方法)

  1. 方法：
    1. decodeURI():解码某个编码的URI
    2. encodeURI():把字符串编码为URI

2. BOM:

概念：BroswerObjectModel（浏览器对象模型）

2.1. 组成：

2.1.1. Window:窗口对象

所有浏览器都支持 window 对象。它表示浏览器窗口。

所有 JavaScript 全局对象、函数以及变量均自动成为 window 对象的成员。

  1. 创建
    1. 不需要被创建就可以使用如(window.alert())。
    2. 也可以省略对象名如(alert())。
  2. 方法
    1. 与弹出框有关的方法：
      • alert() 显示带有一段信息和一个确认按钮的警告框
      • confirm() 显示带有一段信息以及确认和取消按钮的警告框
      • prompt() 显示提示用户输入的对话框
    2. 与打开关闭有关的方法：
      • close() 关闭浏览器窗口(浏览器对象调用这个方法则关闭这个对象)
      • open(参数可为url) 打开浏览器窗口或者查找一个已命名的窗口（会返回一个window对象，可以用来关闭）
    3. 与定时器有关的对象：
      • setTimeout() 在指定的毫秒数后调用函数或计算表达式
        • 两个参数(function,time);
      • clearTimeout() 取消由 setTimeout() 方法设置的 timeout
      • setInterval() 按照指定的周期（以毫秒计）来调用函数或计算表达式
      • clearInterval() 取消由 setInterval() 设置的 timeout
  3. 属性
    1. 可以用来获取其他BOM对象。
var h1 = window.history
  1. 获取DOM对象。
windows.document.write("test");
document.write("test");
<script>
         //测试定时器
            var id = setTimeout(fun,2000)
            clearTimeout(id);
            function fun(){
                alert("time");
            }
</script>
        //使用open(),close()来打开与关闭窗口
        <input type="button" id="openbtn" value="open"/>
        <input type="button" id="closebtn" value="close"/>
<script>
            var openbtn = document.getElementById("openbtn");
            var newwindow;
            openbtn.onclick=function(){
                //打开新窗口
                newwindow = open("https://www.baidu.com");
            }
            
            var closebtn = document.getElementById("closebtn");
            closebtn.onclick=function(){
                newwindow.close();
            }
</script>

2.1.2. History:历史记录对象

History对象为当前浏览器窗口的历史url

  1. 创建
    1. window.history
    2. history
  2. 方法
    1. back() 加载 history 列表中的前一个 URL
    2. forward() 加载 history 列表中的下一个 URL
    3. go(参数) 加载 history 列表中的某个具体页面
      1. 正数1，前进一个历史记录
      2. 负数1，后退一个历史记录
  3. 属性
    1. 返回当前窗口历史列表中的url数量

2.1.3. Location:地址栏对象

location对象时window对象的一个部分，location对象包含有关当前URL的信息

  1. 创建(获取)：

    1. window.location
    2. location
  2. 方法
    1. reload() 重写加载
  3. 属性
    1. href,设置或返回浏览器的URL
    <body>
     <input type="button" id="locat" value="刷新"/>
     <script>
         var locat = document.getElementById("locat");
         locat.onclick=function(){
             location.reload();
         }

         var href = location.href;
         alert(href);
     </script>
 </body>

window.navigator 对象包含有关访问者浏览器的信息(如浏览器版本浏览器名称等)

2.1.5. Screen:显示器屏幕对象

Screen 对象包含有关客户端显示屏幕的信息(如屏幕的高度或者宽度等)。

3. DOM:

Document Object Model(文档对象模型)

当浏览器载入 HTML 文档, 它就会成为 document 对象，可以操作对象对标签进行改变

HTML DOM树：

<!DOCTYPE html>
<html>
    <head>
        <title>
            My title
        </title>
    </head>
    <body>
        <h1>My header</h1>
        <a href="https://github.com/innerup">My link</a>
    </body>
</html>

20200218102328.png

在 HTML DOM (Document Object Model) 中, 每个都是节点。

Element节点与Text节点存在父子关系

Element节点与Attribute节点不存在父子关系，Attribute节点使用Element.Attribute访问

兄弟结点是指同一双亲结点的子结点之间互为兄弟结点，同一父亲的孩子之间互为兄弟结点。

3.0.6. Document:文档对象

  1. 创建：

    1. 使用window.document
    2. document
  2. 方法：
    1. getElementById():根据ID值获取元素对象，
    2. getElementByTagName():根据元素名称获取元素对象，返回值为数组
    3. getElementByClassName():根据Class属性值获取元素对象
    4. getElementByName()：根据Name属性值获取元素对象
    5. document.createElement() 创建元素节点

  3. 属性

//方法使用
<body>
        <h1 id="test1">h1</h1>
        <h1 id="test2">h1</h1>
        <h2 id="test3">h1</h2>
        <input name="put" type="button" value="put"/>
        <div class="box2">www.text.com</div>
        <script>
            var elementId = document.getElementById("test1");
            alert(elementId);
            
            var elementtag = document.getElementsByTagName("h1");
            alert(elementtag);
            
            var elementClass = document.getElementsByClassName("box2");
            alert(elementClass);
            
            var elementname = document.getElementsByName("put");
            alert(elementname);
        </script>
    </body>

3.0.7. Element:元素对象(节点)

  1. 创建：
    1. 通过document对象创建。
  2. 方法
    1. removaAttribute()：删除属性
    2. setAttribute()：设置属性
<body>
        //setAttribute使用
      <a>clik me</a>
        <input type="button" name="test" value="设置属性" id="btn_set"/>
        <script>
            var btn_set = document.getElementById("btn_set")
            btn_set.onclick=function (){
                var element_a = document.getElementsByTagName("a")[0];
                element_a.setAttribute("href","dom树.html");
                alert("设置成功")
            }
        </script>
    </body>

3.0.8. Attribute:属性对象(节点)

3.0.9. Event:事件对象(节点)

3.0.10. Node:节点对象(为所有对象的父类)

所有的DOM对象都可以被认为是一个节点。

  1. 方法：
    1. appendChild(添加的新节点)：向节点的子节点列表的结尾添加新的子节点
    2. removeChild(要删除的节点)：删除（并返回）当前节点的指定子节点
    3. replaceChild(要插入的新元素，被替换的旧元素)：用新节点替换一个子节点

4. HTMLDOM的新增特点

  1. 标签体的设置和获取：innerHTML

    <body>
     <div id="div1">
         div
     </div>

     <script>
      var div = document.getElementById("div1");
      //div标签替换一个html语句
         div.innerHTML = "<input type='text' />";
         //div标签追加一个文本输入框
         div.innerHTML+="<input type='text' />";
     </script>
</body>
  2. 使用HTML元素对象的属性（标签的使用）
  3. 设置样式，控制样式
    1. 使用元素style属性修改样式
    2. 使用classname属性修改样式
    <body>
     <div id="div1">
         div
     </div>

     <script>
         var div = document.getElementById("div1");
         div.onclick = function(){
             div.style.width = "200px";  
             div.setAttribute("class","d1");
             div.className="d1";
             //通过css类选择器
//               .d1{
//               border: 1px;
//               width: 300px;
//               height: 300px;
     }
     </script>
 </body>

5. 事件

某些组件执行了某些操作后，触发某些代码的执行

5.1. 怎样绑定事件

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
    </head>
    <body>
    <!--
    1. 直接在html标签上，指定事件的属性，属性值为js代码
        1. 单击事件：onclick="js函数或者js代码"
        2. 然后在js代码块中定义函数

       2. 通过js获取元素对象，指定事件属性，设置一个js函数
        1. 通过document.getElementById("id的值")获取对象
        2. 对象.onclick=js函数(或者使用匿名定义)
        3. 在js代码块中定义函数 
    -->
        <h1 onclick="fun()" id="t">22222</h1>
        <br />
        <h1 id="q">22222</h1>
        <script>
            var obj = document.getElementById("q");
            obj.onclick=fun;
            function fun(){
                alert("123");
            }
        </script>
    </body>
</html>

5.2. 常用事件:

  1. 点击事件：
    1. onclick ：当用户点击某个对象时调用的事件句柄。
    2. ondblclick： 当用户双击某个对象时调用的事件句柄。
  2. 焦点事件：
    1. onblur ：元素失去焦点
      1. 可以用来表单验证
    2. onfocus ：元素获得焦点
  3. 加载事件：
    1. onload ：一张页面或一幅图像完成加载
  4. 鼠标事件：
    1. onmousedown：鼠标按钮被按下
    2. onmouseup：鼠标按键被松开
    3. onmousemove：鼠标被移动
    4. onmouseover：鼠标移到某元素之上
  5. 键盘事件：
    1. onkeydown 某个键盘按键被按下。
    2. onkeypress 某个键盘按键被按下并松开。
    3. onkeyup 某个键盘按键被松开
<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
        <script>
            //1.onload 事件会在页面或图像加载完成后立即发生,window浏览器对象加载完成后获得句柄
            window.onload = function(){
                //2.onblur 事件(绑定的标签)在失去焦点时触发
                document.getElementById("event2").onblur = function(){
                    alert("失去焦点");
                }
                //3.onmouseover 事件在移动到元素之上被触发
                document.getElementById("event1").onmouseover = function(){
                    alert("mouse is coming")
                }
                //4.onmousedown 在点击此元素后事件触发（event.button判断哪一个鼠标按键被按下）
                document.getElementById("event2").onmousedown = function(event){
                    alert(event.button);
                }
                //5.onkeydown 在键盘的某个键被按下则他的keyCode等于某个值
                document.getElementById("event2").onkeydown = function(event){
                    alert(event.keyCode);
                }
        }
        </script>
    </head>
    <body>
        <!--
            1. 失去焦点
        -->
        <input id="event1" />
        <br />
        <input id="event2" />

    </body>
</html>
InnIMerSyngur
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
整理了 25 个前端相关的学习网站和一些靠谱的小工具，都来看看吧
BOM485480的博客
05-25 2416
给大家整理了 25 个前端相关的学习网站和一些靠谱的小工具，包括一些小游戏、教程、社区网站和博客，以及一些资源网站，希望可以帮助到大家！ CSS 相关 1、CSS Battle - 在线比拼 CSS https://cssbattle.dev 在线比拼 CSS ，一个挺有趣的竞争性游戏，一共有12个级别，需要你用 HTML和 CSS 100%还原它给出的页面，然后再尽量减少代码，你也可以查看全球的排行榜，看解决方案。 2、Learn CSS layout - 学习 CSS 布局 http://learnl
2021年前端最详细面试题-javaScript篇
风清月朗兰的博客
05-29 976
1、es6的新特性 const let 模板字符串 箭头函数 函数的参数默认值 对象和数组解构 for...of 和 for...in 2、promise的使用，怎么用es5实现promise 3、if有作用域吗 只有函数有作用域，if是没有作用域的。 但是有一种情况会让if看上去有作用域，就是在if {}语句中，使用const、let，他们会有块级作用域。 4、原型链和作用域链的区别 （1）原型链 当访问一个对象的某个属性时，会先在这个对象本身的属性上找，如果没有找到，会去这个属性
JavaScript的DOM和正则表达式
qq_40703471的博客
03-29 517
需求： 当用户点击了较验按钮，要获取输出框中的内容。然后验证其是否合法。 验证的规则是：必须由字母，数字。下划线组成。并且长度是5到12位。 代码如下： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script type="text/javascript" >
Vue知识点速查
抗争小青年的博客
06-21 1508
概述：Vue是一款前端渐进式框架，可以提高前端开发效率。特点：Vue通过MVVM模式,能够实现视图与模型的双向绑定。简单来说，就是数据变化的时候, 页面会自动刷新, 页面变化的时候，数据也会自动变化.Vue.js三种安装方式概述：Vue是一个类似于Jquery的一个JS框架，所以，如果想使用Vue，则在当前页面导入Vue.js文件即可。 语法： 案例： 2.内置指令 v-model表单绑定 实现双向绑定的本质：使用v-model的作用就是实现双向数据绑定1v-model可以使用时间和来进行替代。 ...
Vue.js 开发实践：实现精巧的无限加载与分页功能
weixin_34414196的博客
05-26 309
本篇文章是一篇Vue.js的教程，目标在于用一种常见的业务场景——分页/无限加载，帮助读者更好的理解Vue.js中的一些设计思想。与许多Todo List类的入门教程相比，更全面的展示使用Vue.js完成一个需求的思考过程；与一些构建大型应用的高阶教程相比，又更专注于一些零碎细节的实现，方便读者快速掌握、致用。 需求分析 当一个页面中信息...
JS高端奇淫技巧（持续更新）
热门推荐
全栈空间
06-10 1万+
众所周知, JavaScript是一门很骚的语言, 写一句话有很多种表达方式, 语法怪异而风骚, 自由而散漫, 或许这就是JS成为最流行语言的原因吧.本文收集了JS开发中常用的各种奇淫技巧, 一句话代码, 函数式的, out of the box的, 短小而精悍的代码片段, 供大家欣赏, 感受一下JS的美好. 0. 向下取整最快方式 向下取整有很多方法, Math.floor, parseI...
JavaScript基础
02-24
JavaScript基础 模块挑战是学生独立完成的下午项目或作业。 这是在先前由讲师完成的指导项目的基础上扩展的。 高级CSS和JavaScript JavaScript基础 目标 使用let，const，var并演示它们之间的差异。 了解并能够使用...
javascript基础
08-09
javascript基础，适合零基础或初学者简单简洁 ，易于理解
JavaScript 基础
02-16
主要为个人学习笔记 超详细
href="javascript:;" href="javascript:void(0);" href="#"区别
WGH100817的博客
08-21 195
一、href="javascript:;" 这种用法不正确，这么用的话会出现浏览器访问“javascript:;”这个地址的现象； 二、href="javascript:void(0);" 表示点击这个链接后执行一条javascript语句：void(0); 这条语句表示什么也不做，是个空语句，出现它的原因，就是因为这个链接里面会出现一个点击事件，onclick="sss()"; 三、h...
js document对象详解
08-28
关于js的document对象的详细说明 转载的呵呵
js 析构函数_通过v8 0.1.5源码分析js的编译、执行过程
weixin_39557576的博客
11-30 805
我们看使用v8执行一段js代码开始，分析整个流程。 v8::Isolate::Scope isolate_scope(isolate); // Create a stack-allocated handle scope. v8::HandleScope handle_scope(isolate); // Create a new context. v8::...
vue-入门篇
qq_44692248的博客
03-31 1232
1.目标 了解什么是VUE 2.vue基础 2.1 概述 官网：https://cn.vuejs.org/ Vue.js是一套构建用户界面的渐进式框架。 Vue 采用自底向上增量开发的设计。 Vue 的核心库只关注视图层，它不仅易于上手，还便于与第三方库或既有项目整合。 另一方面，当与单文件组件和 Vue 生态系统支持的库结合使用时，Vue 也完全能够为复杂的单页应用程序提供驱动。(SPA单页面应用，所有的显示都在一个页面当中) 渐进式：一步一步，不是说你必须一次把所有的东西都用上 自底向上设计：
Node.js官方文档：到底什么是阻塞(Blocking)与非阻塞(Non-Blocking)？
weixin_33896726的博客
06-12 332
译者按： Node.js文档阅读系列之一。 原文: Overview of Blocking vs Non-Blocking 译者: Fundebug 为了保证可读性，本文采用意译而非直译。 这篇博客将介绍Node.js的阻塞(Blocking)与非阻塞(Non-Blocking)。我会提到Event Loop与libuv，但是不了解它们也不会影响阅读。读者只需要有一定的JavaScript基...
javascript的浏览器对象之window对象
背着吉他的蝙蝠女侠的博客
12-09 472
window对象：是BOM的核心，window对象指当前的浏览器窗口，所有JavaScript全局对象、函数以及变量均自动成为window对象的成员。 全局变量是window对象的属性；全局函数是window对象的方法。document也是window对象之一。 demo代码如下： Document 按钮1 按钮2 var btn1 = document.getEl
Window - 浏览器对象模型
weixin_34242819的博客
03-28 91
浏览器对象模型 (BOM) 浏览器对象模型（Browser Object Model (BOM)）尚无正式标准。 由于现代浏览器已经（几乎）实现了 JavaScript 交互性方面的相同方法和属性，因此常被认为是 BOM 的方法和属性。 Window 对象 所有浏览器都支持 window 对象。它表示浏览器窗口。 所有 JavaScript 全局对象、函数以及变量均自动成为 window 对象的成...
js之document对象
qq_31403519的博客
06-21 749
document对象叫做文档对象模型（DOM），它代表和操作文档的内容。 1、选取文档元素 用指定的id属性：document.getElementById(...) 用指定的name属性:document.getElementsByName(...) 用指定的标签名字:document.getElementsByTagName(...)，特殊情况：document.body代表body元...
【JavaScript】基础知识整理（四）
miao5995的博客
03-30 304
浏览器对象模型（BOM）BOM使JavaScript有能力与浏览器对话window对象所有浏览器都支持window对象。它表示浏览器窗口。 所有JavaScript全局对象、函数以及变量均自动成为window对象的成员。 全局变量是window对象的属性。 全局函数是window对象的方法。甚至HTML DOM的document也是window对象的属性之一； window.document
JavaScript Window对象
qq_36194388的博客
07-27 138
Window对象是BOM与DOM的顶层对象，表示浏览器窗口或者网页中的框架。 Window对象是脚本中的全局对象，可以在任何地方调用，脚本中任何对象的使用最终都要追溯到对window对象的访问，所以在使用window对象的各种属性和方法时，window前缀可以省略。 访问window对象或子对象属性和方法，要按照层次关系，使用“.”运算符将它们连接起来。 window.alert(); 简写方式 alert(); window.document.write();
JavaScript基础入门教程
"这是一份JavaScript基础教程，适合初学者，提供初级知识，不涉及动态网页相关高级技术，如动态定位、动画等。教程结构设计为参考教程风格，分为5章，涵盖基础知识和进阶对象知识，以及框架和Cookie的使用。教程要求...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值