JavaScript 学习笔记之基础中的基础_基础知识

概要:javascript的组成、 各个组成部分的作用 、

一、javascript的组成

  javascript 
ECMAScript(核心) DOM(文档对象模型) BOM(浏览器对象模型)

1.1ECMAScript

  ECMAScript是通过ECMA-262标准化的脚本语言,ECMA-262规定语言的:语法、类型、语句、关键字、保留字、操作符、对象

1.2 DOM

  DOM把整个页面映射为一个多层节点结构,HTML或者XML等页面中的每个组成部分都是某种类型的节点,这些节点又包含不同类型的数据。

1.3 BOM

  控制浏览器显示的页面以外的部分

二、<script>元素

2.1使用方式

  外部引用javascript文件:

复制代码 代码如下:

<script type="text/javascript" src="../../XX.js"></script>

  页面嵌入javascript代码

复制代码 代码如下:

<script type="text/javascript">
    var first="第一个变量";
    alert(first);
</script>

2.2 <script>元素的属性

  defer延迟脚本:脚本会被延迟到整个页面都被解析完才执行,虽然是延迟执行,但是浏览器已经下载完了该js文件。

复制代码 代码如下:

<!DOCTYPE html>
<html>
    <head>
         <script type="text/javascript" defer="defer" src="demo.js"></script>
    </head>
</html>

上述例子中,虽然<script>标签位于<head>标签内,但是demo.js会延迟到浏览器遇到</html>后才执行。

defer只适用于外部引入的脚本文件

       async异步脚本:不必让页面等待脚本的下载和执行,从而异步加载页面其他内容。因此,异步加载脚本不要在加载期间修改dom.

复制代码 代码如下:

<!DOCTYPE html>
<html>
    <head>
         <script type="text/javascript" defer="defer" src="demo1.js">
         <script type="text/javascript" defer="defer" src="demo2.js"></script>
    </head>
</html>

都是些javascript的基础知识,希望大家不要读得想睡着,只有打好基础才有质变的可能哦。

时间: 2024-10-22 02:56:49

JavaScript 学习笔记之基础中的基础_基础知识的相关文章

Javascript学习笔记8 用JSON做原型_基础知识

代码如下: 复制代码 代码如下: <script type="text/javascript"> var People = { name: "kym", age: 21, SayHello: function () { alert("Hello,My name is " + this.name + ".I am " + this.age); } } alert(People.name); People.SayHel

JavaScript 学习笔记(十四) 正则表达式_基础知识

RegExp类 RegExp对象的构造函数可以带一个或两个参数 第一个参数是描述需要进行匹配的模式字符串,如果还有第二个参数,这个参数则制定了额外的处理指令. 一.基础 1.1使用RegExp对象 test()方法 测试是否匹配.如果给定字符串(只有一个参数)匹配这个模式,它就返回true,否则返回false 复制代码 代码如下: var sToMatch = "cat"; var reCat = /cat/; //正则表达式字面量使用Perl风格的语法 alert(reCat.tes

JavaScript学习笔记(二) js对象_基础知识

1.简单类型 javascript的简单类型包括 数字(Number).字符串(String).布尔值(Boolean).null值 和 undefined值.其他所有值都是对象. 2.对象 javascript中的对象是可变键控集合.在javascript中,数组.函数.正则表达式都是对象. 对象是属性的容器.其中每个属性都拥有名字和值.属性的名字可以是包括空字符串在内的任意字符串.属性值可以是除undefined值之外的任何值. 3.对象的定义方法 (1)用字面量定义.例如: var obj

javascript学习笔记(十三) js闭包介绍(转)_基础知识

一.变量的作用域 要理解闭包,首先必须理解Javascript特殊的变量作用域. 变量的作用域无非就是两种:全局变量和局部变量. Javascript语言的特殊之处,就在于函数内部可以直接读取全局变量. 复制代码 代码如下: var n=999; function f1(){ alert(n); } f1(); // 999 另一方面,在函数外部自然无法读取函数内的局部变量. 复制代码 代码如下: function f1(){ var n=999; } alert(n); // error 这里

javascript 学习笔记(一)DOM基本操作_基础知识

html部分代码: 当点击show按钮时,触发showValue函数,将input value的值动态添加到id="text"的元素节点中! 复制代码 代码如下: <p> <input type="text" value="" name="user_name" id="user_name" /> <span style="padding-left:10px;"

JavaScript 学习笔记之操作符(续)_基础知识

一.乘性操作符 1.乘法:*      乘法操作符的一些特殊规则: 如果操作数都是数值,按照常规的乘法计算,如果乘积超过了ECMAscript数值的表示范围,则返回infinity或者-infinity 如果有一个操作数是NaN,那返回结果就是NaN 如果是infinity与0相乘,返回NaN 如果infinity与非0数相乘,返回infinity或者-infinity infinity与infinity相乘,返回infinity 如果有一个操作数不是数值,后台会先调用number()将其转化为

Javascript学习笔记7 原型链的原理_基础知识

我们先看看这样一段代码: 复制代码 代码如下: <script type="text/javascript"> var Person = function () { }; var p = new Person(); </script> 很简单的一段代码,我们来看看这个new究竟做了什么?我们可以把new的过程拆分成以下三步: <1> var p={}; 也就是说,初始化一个对象p. <2> p.__proto__=Person.proto

JavaScript学习笔记(十七)js 优化_基础知识

一直很迷惑司徒正美为什么对以下的for循环还鄙视, for (var i = 0; i < list.length; i++) { //循环代码 } 看了下面这篇文章终于TM明白了... 语言层次方面 循环 在JavaScript中,我们可以使用for(;;),while(),for(in)三种循环,事实上,这三种循环中for(in)的效率极差,因为他需要查询散列键,只要可以就应该尽量少用. 如果要与数组的长度作比较,应该事先把数组的length属性放入一个局部变量中,减少查询次数. 所以上面的

javascript学习笔记(八) js内置对象_基础知识

1.URI方法 encodeURI()和encodeURIComponent()对URI进行编码 encodeURI()不会对本身属于URI的特殊字符进行编码,如冒号,正斜杠,问好,井字等 encodeURIComponent()会对任何非标准字符进行编码 2.eval() 方法:解释参数中的代码字符串 复制代码 代码如下: var msg = "hello world"; eval("alert(msg)"); //"hello world"

javascript学习笔记(十七) 检测浏览器插件代码_基础知识

复制代码 代码如下: //检测非IE浏览器插件函数 function hasPlugin(name) { name = name.toLowerCase(); for (var i=0 ; i < navigator.plugins.length ; i++ ) { if (navigator.plugins[i].name.toLowerCase().indexOf(name) >-1) { return true; } } return false; } //检测IE浏览器插件函数 fun