首页
学习
活动
专区
圈层
工具
发布

2 《JavaScript高级程序设计》__ HTML中的JavaScript

工作这么多年,到现在为止对这本书都没有一个系统的知识点记录,这次想从头读一遍这一本JavaScript高级程序设计【第4版】,并把重要的知识点记录下来,同时加上自己的见解,这也是我第一次在掘金上记录分享读书笔记...通过的方式可以将一段script脚本插入到html中,或者引入到html中。...一般情况下始终为text/javascript,如果值为moddule,则代码会被当成ES6模块,只有这时候,代码中才能出现import和export关键字。... 您的浏览器不支持JavaScript,请更换浏览器。 总结 script标签支持的属性需要明白什么意思,有什么作用。...noscript标签是在不支持js的浏览器中才生效的,如果支持,则看不到该标签内的内容。

1.6K30
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    JavaScript的理解记录(2)

    、指令语句"use strict"; 如果顶层代码使用了这个指令,那么它们就是严格代码;将以严格模式运行; 相比非严格模式,提供了健壮的查错功能和增强的安全机制; 在严格模式下,调用的函数中的一个this...序列化对象: 对象序列化是指将对象状态转换为字符串,也可将字符串还原为对象; 通过JavaScript Object Notation ---javascript对象表示法实现,...属性为一个小于当前长度的非负整数n时,当前数组中那些索引值大于或 等于n的元素将从中删除;反之,则没有影响!...3、reverse() : 将数组中的元素颠倒顺序,返回逆序的数组; 4、sort() :元素排序,默认已字母名称排序,undefined元素将在尾部;不使用默认排序,则需要 传递一个比较函数...则这个元素 将会被添加到一个作为返回值的数组中。

    45620

    10 - JavaScript 中的函数 & 11 - JavaScript 中函数的种类

    原文地址:https://dev.to/bhagatparwinder/functions-in-javascript-5ehm 什么是函数?它在 JavaScript 中扮演什么角色?...函数就是 JavaScript 中可以被执行的代码块。函数有如下必备部分: 1. 使用 function 关键字声明; 2. 函数名字紧跟其后,它就是被调用时使用的名字。 3....JavaScript 自带的函数 你不是要经常写函数,JavaScript 自带了许多可以直接使用的方法。...函数声明在其他代码执行之前被加载,然而函数表达式只有等到 JavaScript 解释器执行到所在代码行时才被加载。这就是 JavaScript 中 hoisting[1] 的原理。...,它们没有与 this、arguments、super、new.target,我们将在接下来的 JavaScript 文章中温习这写概念。

    4.5K20

    JavaScript中的this详解

    如何来进行理解呢,来看几个实例 1)全局函数中的this指向 function test(){ alert(this);//test这个函数没有所有者,因此此时this指向的是window } 2)对象方法中的...,因此this应当是指向h5course的 } 3)绑定函数时的this 如下代码,test1和test2中this并不相同 var test2 = h5course.test1;//test2这个函数并没有所有者...(){ alert(this===h5course); } 这便是上面所说的,要将函数与函数名分开看待 4)绑定函数时的this 此时如果我们对3)中的代码进行一些修改: function test (...我们可以将document.onclick理解为一个对象方法,如同例4中的o.test2一样。...} 6)setTimeout等传参形式的this指向 不要去看传的参数中函数的所有者,看执行函数的所有var obj = {}; obj.x = 1; obj.y = 2; window.x = 100

    1.5K40

    详解JavaScript中的this

    在平时的代码中,相信大家经常用到 this,可是你真的明白此 this 真的是你认为的 this 吗?...今天柚子君总结了一下平时用到的 this 的场景,大家走过路过不要错过啊~ 首先咱们先来看一下《JavaScript 高级程序设计》上是怎么说的。...弄明白了 new 的工作内容,自然而然的也明白了上面输出的原因。 Bar() 中的 this 指向对象 handlerA,并不是全局对象。...关于 this 的使用和体会还是要在平时运用中理解,先了解其原理,那么在使用的时候就如鱼得水啦。...---- 往期精选文章 一小时内搭建一个全栈Web应用框架 全栈工程师技能大全 一个治愈JavaScript疲劳的学习计划 推翻JavaScript中的三座大山:作用域篇 掌握Chrome开发工具:新一代前端开发技术

    1.3K50

    JavaScript中的算法

    要了解和分析JavaScript中的数据结构,请看JavaScript中的数据结构:https://github.com/lvwxx/blog/issues/1 Primer 在JavaScript中,...在JavaScript中,没有其他对象比数组拥有更多的实用方法。值得记住的数组方法有:sort、reverse、slice和splice。...数组在push元素有很好的性能,但是在数组中间插入,删除和查找元素上性能却不是很优,JavaScript中的数组的大小是可以动态增长的。...set中的元素都是不重复的,在map中,每个Item由键和值组成。当然,对象也可以用来存储键值对,但是键必须是字符串。 Iterations 与数组密切相关的是使用循环遍历它们。...在JavaScript中,有5种最常用的遍历方法,使用最多的是for循环,for循环可以用任何顺序遍历数组的索引。

    2K40

    JavaScript 中的对象

    对象 JavaScript 中的对象,Object,可以简单理解成“名称 - 值”对(而不是键值对:现在,ES 2015 的映射表(Map),比对象更接近键值对),不难联想 JavaScript 中的对象与下面这些概念类似...: Python 中的字典(Dictionary) Perl 和 Ruby 中的散列/哈希(Hash) C/C++ 中的散列表(Hash table) Java 中的散列映射表(HashMap) PHP...中的关联数组(Associative array) 这样的数据结构设计合理,能应付各类复杂需求,所以被各类编程语言广泛采用。...正因为 JavaScript 中的一切(除了核心类型,core object)都是对象,所以 JavaScript 程序必然与大量的散列表查找操作有着千丝万缕的联系,而散列表擅长的正是高速查找。...“名称”部分是一个 JavaScript 字符串,“值”部分可以是任何 JavaScript 的数据类型——包括对象。这使用户可以根据具体需求,创建出相当复杂的数据结构。

    4.5K20

    Javascript中的this指向

    ){ "use strict"; // 这里是严格模式 return this; } f2() === undefined; // true 2.2 对象内部方法中的this this指向只和调用函数的对象有关...6 2.5 构造函数中this 构造函数中的this与被创建的新对象绑定; (当构造器返回的默认值是一个this引用的对象时,可以手动设置返回其他的对象,如果返回值不是一个对象,返回this) function...C(){ this.a = 37; console.log(this.a) } var c = new C() // 37 2.6 类上下文中的this this 在 类 中的表现与在函数中类似...类的构造函数中,this 是一个常规对象,与构造函数的this一样; 类中所有非静态的方法都会被添加到 this 的原型中; (静态方法不是 this 的属性,它们只是类自身的属性。)...; sum2(2); // 2 + 2 + 2 = 6 // 如果绑定后的函数使用new来调用,原来提供的 this 就会被忽略。

    1.3K00

    JavaScript中的Callbacks

    许多JavaScript的新手发现回调也很难理解。 尽管callbacks可能令人疑惑,但是你仍然需要彻底了解它们,因为它们是JavaScript中的一个重要的概念。...它们在JavaScript中很常见,你可能自己潜意识的使用了它们而不知道它们被称为回调函数。...它是如此重要,以至于说JavaScript中的函数是高阶函数。高阶函数在编程范例中称为函数编程,是一件很重大的事情。 但这是另一天的话题。...异步函数中的回调 这里的异步意味着,如果JavaScript需要等待某些事情完成,它将在等待时执行给予它的其余任务。 异步函数的一个示例是setTimeout。...以下是回调中的一些常见用法,用于告诉JavaScript要做什么...

    1.1K40

    JavaScript中的execCommand

    处理Html数据时常用 如下格式:document.execCommand(sCommand[,交互方式, 动态参数]) ,其中:sCommand为指令参数(如下例中的”2D-Position”),交互方式参数如果是...true的话将显示对话框,如果为false的话,则不显示对话框(下例中的”false”即表示不显示对话框),动态参数一 般为一可用值或属性值(如下例中的”true”)。...document.execCommand("2D-Position","false","true"); 下面列出的是指令参数及意义 2D-Position 允许通过拖曳移动绝对定位的对象。...document.ExecCommand() – html实例 1 2 3 4 5 JavaScript--...,第二个参数true或false是一样的; 190 191 * 参数三表示为该object的id; 192 193 * 可以用在javascript中通过其指定的id来控制它 194 195

    1.7K30
    领券