js 学习

Js 学习
目录
目录
Js 学习 ............................................................................................................................ 1 目录................................................................................................................................. 1 1 Js 的介绍 ................................................................................................................ 2 1.1 什么是 JavaScript？ ...................................................................................... 2 1.2 JavaScript 和 java 相同吗？......................................................................... 2 1.3 学习 JavaScript 需要哪些基础知识？ .............................................................. 2 2 开始学习 JS ........................................................................................................... 2 2.1 怎么在页面中加入 js？.................................................................................. 2 2.2 在哪里放置 js？ ........................................................................................... 3 3 Js 中的基本语法...................................................................................................... 4 3.1 语句，代码和代码块 .................................................................................... 5 3.2 变量 ............................................................................................................ 5 3.3 表达式与运算符 ........................................................................................... 7 3.4 JavaScript 注释.............................................................................................. 8 3.5 控制结构 ..................................................................................................... 9 3.6 函数 .......................................................................................................... 21 4 Js 中常用对象 ....................................................................................................... 23 4.1 Number 数字对象 ....................................................................................... 23 4.2 String 字符串对象 ........................................................................................ 24 4.3 Array 数组对象 ............................................................................................ 25 4.4 Math 数学对象 ........................................................................................... 26 4.5 Date 日期对象 ............................................................................................ 28 4.6 全局对象 ................................................................................................... 29 5 Js 中常见事件 ....................................................................................................... 30 5.1 什么是事件 ................................................................................................ 30 5.2 事件详解 .................................................................................................... 31

学习网址：https://www.360docs.net/doc/de16912196.html,/js/js_intro.asp
1 Js 的介绍
1.1 什么是 JavaScript？
Js 是 JavaScript 的简称，是一种脚本语言，主要有以下特点：
? ? ? ? ? ?
JavaScript 被设计用来向 HTML 页面添加交互行为。 JavaScript 是一种脚本语言（脚本语言是一种轻量级的编程语言）。 JavaScript 由数行可执行计算机代码组成。 JavaScript 通常被直接嵌入 HTML 页面。 JavaScript 是一种解释性语言（就是说，代码执行不进行预编译）。所有的人无需购买许可证均可使用 JavaScript。
1.2
JavaScript 和 java 相同吗？
JavaScript 和 java 是两种完全不同的语言， Java 要比 JavaScript 强大很多，也复杂很多。
前面也说过了 JavaScript 是一种轻量级的脚本语言。JavaScript 和 java 的语法也都是完全不相同的。不过相同点是都是面向对象的语言。
1.3 学习 JavaScript 需要哪些基础知识？
? ? ?
HTML XHTML HTML DOM
2 开始学习 JS
2.1 怎么在页面中加入 js？
2.1.1 直接使用 script 标签
在页面中直接加入标签，在标签中加入 javascript 代码。例如：

也可以使用：

2.1.2 使用外部 js 文件
有很多时候，javascript 脚本要被多个页面使用，那可以把 javascript 脚本写到一个文件中，然后再页面中包含该文件。例如：
~~....~~
2.2 在哪里放置 js？
2.2.1 在 head 部分
在 head 部分的脚本一般都是函数，甚至可以说全部都是函数，因为当脚本被调用时，或者当事件被触发时，脚本就会被执行。当你把脚本放置到 head 部分后，就可以确保在需要使用脚本之前，它已经被载入了。如果不是函数，在 head 部分的脚本是只能被载入，无法被执行。例如：

....
2.2.2 在 body 部分
在页面载入时脚本就会被执行。当你把脚本放置于 body 部分后，它就会生成页面的内容。例如：

在页面加载的时候也是可以调用 head 部分的脚本的，用 onload 事件，详细的在后面的事件中会说明。在一个页面中没有限制 javascript 的个数，所以一个页面中可以有很多 javascript 脚本，而且在 body 和 head 部分都存在。例如：

3 Js 中的基本语法

3.1 语句，代码和代码块
每一句 JavaScript 都有类似于以下的格式： <语句>; 其中分号“;”是 JavaScript 语言作为一个语句结束的标识符。虽然现在很多浏览器都允许用回车充当结束符号，培养用分号作结束的习惯仍然是很好的。例如：
document.write("Hello world");
这个 JavaScript 语句告诉浏览器向网页输出 "Hello world"。 JavaScript 代码是 JavaScript 语句的序列，浏览器按照编写顺序依次执行每条语句。例如：向网页输出一个标题和两个段落：

JavaScript 可以分批地组合起来。代码块以左花括号开始，以右花括号结束。代码块的作用是一并地执行语句序列。例如：向网页输出一个标题和两个段落：

上例的用处不大。仅仅演示了代码块的使用而已。通常，代码块用于在函数或条件语句中把若干语句组合起来（比方说如果条件满足，就可以执行这个语句分组了）。
3.2 变量
JavaScript 变量名称的规则：
?
变量对大小写敏感（y 和 Y 是两个不同的变量）

? ?
变量必须以字母或下划线开始
不能是关键字或者保留字常见的关键字和保留字有：关键字： break，case，catch，continue，default，delete，do，else，finally，for，function，if， in，instanceof，new，return，switch，this，throw，try，typeof，var，void，while，with 保留字： abstract， boolean， byte， char， class， const， debugger， double， enum， export， extends， fimal，float，goto，implements，import，int，interface，long，mative，package，private， protected，public，short，static，super，synchronized，throws，transient，volatile 注意：由于 JavaScript 对大小写敏感，变量名也对大小写敏感。可以用如下方式声明一个变量如： var <变量名>; 例如：var example; 如果在声明时没有赋值，声明的变量初始值是 null；也可以在声明时给变量赋值： var <变量名> [= <值>]; 例如：var example=1; Javascript 是一种弱数据类型的脚本语言，变量可以用的数据类型有：整型只能储存整数。可以是正整数、0、负整数，可以是十进制、八进制、十六进制。八进制数的表示方法是在数字前加“0”，如“0123”表示八进制数“123”。十六进制则是加“0x”： “0xEF”表示十六进制数“EF”。浮点型即“实型”，能储存小数。有资料显示，某些平台对浮点型变量的支持不稳定。没有需要就不要用浮点型。字符串型是用引号“" "”、 '”包起来的零个至多个字符。 “' 用单引号还是双引号由你决定。跟语文一样，用哪个引号开始就用哪个结束，而且单双引号可嵌套使用：'这里是"JavaScript 教程"。' 不过跟语文不同的是，JavaScript 中引号的嵌套只能有一层。如果想再多嵌一些，你需要转义字符：转义字符由于一些字符在屏幕上不能显示，或者 JavaScript 语法上已经有了特殊用途，在要用这些字符时，就要使用“转义字符”。转义字符用斜杠“\”开头：单引号、双引号、 \' \" \n 换行符、\r 回车（以上只列出常用的转义字符）。于是，使用转义字符，就可以做到引号多重嵌套：'Micro 说："这里是\"JavaScript 教程\"。" ' 布尔型常用于判断，只有两个值可选：true（表“真”）和 false（表“假”）。true 和 false 是 JavaScript 的保留字。它们属于“常数”。对象关于对象，在“对象化编程”一章将详细讲到。由于 JavaScript 对数据类型的要求不严格，一般来说，声明变量的时候不需要声明类型。而且就算声明了类型，在过程中还可以给变量赋予其他类型的值。声明类型可以用赋予初始值的方法做到：
var aString = '';
这将把 aString 定义为具有空值的字符串型变量。
var anInteger = 0;
这将把 anInteger 定义为值为 0 的整型。

avaScript 常数有下列几个： null 一个特殊的空值。当变量未定义，或者定义之后没有对其进行任何赋值操作，它的值就是“null”。企图返回一个不存在的对象时也会出现 null 值。 NaN “Not a Number”。出现这个数值比较少见，以至于我们可以不理它。当运算无法返回正确的数值时，就会返回“NaN”值。NaN 值非常特殊，因为它“不是数字”，所以任何数跟它不相等，甚至 NaN 本身也不等于 NaN 。 true 布尔值“真”。用通俗的说法，“对”。 false 布尔值“假”。用通俗的说法，“错”。在 Math 对象中还有一系列数学常数。这将在讨论“对象化编程”时谈到。
3.3 表达式与运算符
表达式与数学中的定义相似，表达式是指具有一定的值的、用运算符把常数和变量连接起来的代数式。一个表达式可以只包含一个常数或一个变量。运算符可以是四则运算符、关系运算符、位运算符、逻辑运算符、复合运算符。下表将这些运算符从高优先级到低优先级排列：
括号
(x) [x] -x !x 求反、自加、自x++ 减 x-++x --x x*y 乘、除 x/y x%y x+y 加、减 x-y x=y x>y x==y 等于、不等于 x!=y
中括号只用于指明数组的下标返回 x 的相反数返回与 x (布尔值)相反的布尔值 x 值加 1，但仍返回原来的 x 值 x 值减 1，但仍返回原来的 x 值 x 值加 1，返回后来的 x 值 x 值减 1，返回后来的 x 值返回 x 乘以 y 的值返回 x 除以 y 的值返回 x 与 y 的模（x 除以 y 的余数）返回 x 加 y 的值返回 x 减 y 的值当符合条件时返回 true 值，否则返回 false 值
当 x 等于 y 时返回 true 值，否则返回 false 值当 x 不等于 y 时返回 true 值，否则返回 false 值当两个数位同时为 1 时，返回的数据的当前数位为 1，其他情位与 x&y 况都为 0 位异或 x^y 两个数位中有且只有一个为 0 时，返回 0，否则返回 1 两个数位中只要有一个为 1，则返回 1；当两个数位都为零时位或 x|y 才返回零位运算符通常会被当作逻辑运算符来使用。它的实际运算情况是：把两个操作数（即 x 和 y）化成二进制数，对每个数位执行以上所列工作，然后返回得到的新二进制数。由于“真”值在电脑内部（通常）是全部数位都是 1 的二进制数，而“假”值则是全部是 0 的二进制数，所以位运算符也可以充当逻辑运算符。逻辑与 x&&y 当 x 和 y 同时为 true 时返回 true，否则返回 false 逻辑或 x||y 当 x 和 y 任意一个为 true 时返回 true，当两者同时为

false 时返回 false 逻辑与/或有时候被称为“快速与/或”。这是因为当第一操作数（x）已经可以决定结果，它们将不去理会 y 的值。例如，false && y，因为 x == false，不管 y 的值是什么，结果始终是 false，于是本表达式立即返回 false，而不论 y 是多少，甚至 y 可以导致出错，程序也可以照样运行下去。当条件 c 为 true 时返回 x 的值（执行 x 语句），否则返回条件 c?x:y y 的值（执行 y 语句） x=y 把 y 的值赋给 x，返回所赋的值赋值、 x+=y x-=y x*=yx 与 y 相加/减/乘/除/求余，所得结果赋给 x，并返回 x 赋复合运算 x/=y x%=y 值后
注意 :所有与四则运算有关的运算符都不能作用在字符串型变量上。字符串可以使用 +、+= 作为连接两个字符串之用。提示: 请密切注意运算的优先级。编程时如果不记得运算符的优先级，可以使用括号( )。例： (a == 0)||(b == 0)。一些用来赋值的表达式，由于有返回的值，可以加以利用。例如，用以下语句：a = b = c = 10，可以一次对三个变量赋值。
3.4 JavaScript 注释
可以添加注释来对 JavaScript 进行解释，或者提高其可读性。单行的注释以 // 开始。本例用单行注释来解释代码：

多行注释以 /* 开头，以 */ 结尾。本例使用多行注释来解释代码：

使用注释来防止执行,在本例中，我们用注释来阻止一行代码的执行：

在本例中，我们用注释来阻止若干行代码的执行：

在行末使用注释，在本例中，注释放置在语句的行末：

3.5 控制结构
3.5.1 条件语句：
在 JavaScript 中，我们可以使用下面几种条件语句： if 语句

在一个指定的条件成立时执行代码。 if...else 语句在指定的条件成立时执行代码，当条件不成立时执行另外的代码。 if...else if....else 语句使用这个语句可以选择执行若干块代码中的一个。 switch 语句使用这个语句可以选择执行若干块代码中的一个。
3.5.1.1 If 语句
如果希望指定的条件成立时执行代码，就可以使用这个语句。语法：
if
{
(条件)
条件成立时执行代码 }
注意：请使用小写字母。使用大写的 IF 会出错！例如：

例如：

注意：请使用双等号 (==) 来比较变量！注意：在语法中没有 else。仅仅当条件为 true 时，代码才会执行。
3.5.1.2 If...else 语句
如果希望条件成立时执行一段代码，而条件不成立时执行另一段代码，那么可以使用 if....else 语句。语法：
if
{
(条件)
条件成立时执行此代码 }
else
{ 条件不成立时执行此代码 }
例如：

3.5.1.3 If...else if...else 语句
当需要选择多套代码中的一套来运行时，请使用 if....else if...else 语句。语法：
if
{
(条件 1)
条件 1 成立时执行代码 }
else if
{
(条件 2)
条件 2 成立时执行代码 }
else
{ 条件 1 和条件 2 均不成立时执行代码 }
例如：

3.5.1.4 Switch 语句
如果希望选择执行若干代码块中的一个，你可以使用 switch 语句：语法：
switch(n)
{
case 1:
执行代码块 1
break case 2:
执行代码块 2

break default:
如果 n 即不是 1 也不是 2，则执行此代码 }
工作原理：switch 后面的 (n) 可以是表达式，也可以（并通常）是变量。然后表达式中的值会与 case 中的数字作比较，如果与某个 case 相匹配，那么其后的代码就会被执行。 break 的作用是防止代码自动执行到下一行。例如：

3.5.2 循环语句
在编写代码时，你常常希望反复执行同一段代码。我们可以使用循环来完成这个功能，这样就用不着重复地写若干行相同的代码。
3.5.2.1 for 循环
在脚本的运行次数已确定的情况下使用 for 循环。语法：
for
{
(变量=开始值;变量<=结束值;变量=变量+步进值)
需执行的代码 }
例如：解释：下面的例子定义了一个循环程序，这个程序中 i 的起始值为 0。每执行一次循环，i 的值就会累加一次 1，循环会一直运行下去，直到 i 等于 10 为止。注释：步进值可以为负。如果步进值为负，需要调整 for 声明中的比较运算符。

结果：

The number is 0 The number is 1 The number is 2 The number is 3 The number is 4 The number is 5 The number is 6 The number is 7 The number is 8 The number is 9 The number is 10
3.5.2.2 For...In 声明
For...In 声明用于对数组或者对象的属性进行循环操作。 for ... in 循环中的代码每执行一次，就会对数组的元素或者对象的属性进行一次操作。语法：
for
{
(变量
in
对象)
在此执行代码 }
“变量”用来指定变量，指定的变量可以是数组元素，也可以是对象的属性。实例：使用 for ... in 循环遍历数组。

3.5.2.3 while 循环
while 循环用于在指定条件为 true 时循环执行代码。语法：
while
{
(变量<=结束值)
需执行的代码 }
注意：除了<=，还可以使用其他的比较运算符。例如：解释：下面的例子定义了一个循环程序，这个循环程序的参数 i 的起始值为 0。该程序会反复运行，直到 i 大于 10 为止。i 的步进值为 1。

结果：
The number is 0 The number is 1 The number is 2 The number is 3 The number is 4 The number is 5 The number is 6 The number is 7 The number is 8 The number is 9 The number is 10
3.5.2.4 do...while 循环
do...while 循环是 while 循环的变种。该循环程序在初次运行时会首先执行一遍其中的代码，然后当指定的条件为 true 时，它会继续这个循环。所以可以这么说，do...while 循环为执行至少一遍其中的代码，即使条件为 false，因为其中的代码执行后才会进行条件验证。语法：
do
{

需执行的代码 }
while
(变量<=结束值)
例如：

结果：
The number is 0
3.5.3 break 和 continue 语句
有两种特殊的语句可用在循环内部：break 和 continue。
3.5.3.1 Break
break 命令可以终止循环的运行，然后继续执行循环之后的代码（如果循环之后有代码的话）。例如：

结果：
The number is 0 The number is 1 The number is 2
3.5.3.2 Continue
continue 命令会终止当前的循环，然后从下一个值继续运行。例如：
AJAX - 创建 XMLHttpRequest 对象?Previous Page ?Next Page XMLHttpRequest 是 AJAX 的基础。 XMLHttpRequest 对象所有现代浏览器均支持 XMLHttpRequest 对象（IE5 和 IE6 使用ActiveXObject）。 XMLHttpRequest 用于在后台与服务器交换数据。这意味着可以在不重新加载整个网页的情况下，对网页的某部分进行更新。创建 XMLHttpRequest 对象

所有现代浏览器（IE7+、Firefox、Chrome、Safari 以及 Opera）均内建XMLHttpRequest 对象。创建 XMLHttpRequest 对象的语法： variable=new XMLHttpRequest(); 老版本的 Internet Explorer （IE5 和 IE6）使用 ActiveX 对象： variable=new ActiveXObject("Microsoft.XMLHTTP"); 为了应对所有的现代浏览器，包括 IE5 和 IE6，请检查浏览器是否支持XMLHttpRequest 对象。如果支持，则创建 XMLHttpRequest 对象。如果不支持，则创建 ActiveXObject ： var xmlhttp; if (window.XMLHttpRequest) {// code for IE7+, Firefox, Chrome, Opera, Safari xmlhttp=new XMLHttpRequest(); } else {// code for IE6, IE5 xmlhttp=new ActiveXObject("Microsoft.XMLHTTP"); } 在下一章中，您将学习发送服务器请求的知识。 AJAX - 向服务器发送请求 ?Previous Page ?Next Page XMLHttpRequest 对象用于和服务器交换数据。向服务器发送请求如需将请求发送到服务器，我们使用 XMLHttpRequest 对象的 open() 和 send() 方法： xmlhttp.open("GET","test1.txt",true); xmlhttp.send();

js基础测试题

1、分析下段代码输出结果是（） var arr = [2,3,4,5,6]; var sum =0; for(var i=1;i < ;i++) { sum +=arr[i] } (sum); A．20 B．18 C．14 D．12 2、以下关于 Array 数组对象的说法不正确的是（） A．对数组里数据的排序可以用 sort 函数，如果排序效果非预期，可以给 sort 函数加一个排序函数的参数 B．reverse 用于对数组数据的倒序排列 C．向数组的最后位置加一个新元素，可以用 pop 方法 D．unshift 方法用于向数组删除第一个元素 3、以下代码运行的结果是输出( ) var a = b = 10; (function(){ var a=b=20 })(); (b); A．10 B．20 C．报错 D．undefined

4、以下代码运行后的结果是输出( ) var a=[1, 2, 3]; ()); A．123 B．1,2,3 C．1 2 3 D．[1,2,3] 5、在 JS 中，’1555’+3 的运行结果是( ) A．1558 B．1552 C．15553 D．1553 6、以下代码运行后弹出的结果是( ) var a = 888; ++a; alert(a++); A．888 B．889 C．890 D．891 7、关于变量的命名规则，下列说法正确的是（） A．首字符必须是大写或小写的字母，下划线（_）或美元符（$）B．除首字母的字符可以是字母，数字，下划线或美元符 C．变量名称不能是保留字 D．长度是任意的 E．区分大小写

8、下列的哪一个表达式将返回值为假（） A．!(3<=1) B．(4>=4)&&(5<=2) C．(“a”==“a”)&&(“c”!=“d”) D．(2<3)||(3<2) 9、下面代码，k的运行结果是（） var i = 0,j = 0; for(;i<10,j<6;i++,j++){ k = i + j; } A．16 B．10 C．6 D．12 10、var x = 1; function fn(n){n = n+1}; y = fn(x); y 的值为（）A．2 B．1 C．3 D．undefined 11、[1,2,3,4].join("0").split("") 的执行结果是（） A．"1,2,3,4" B．[1,2,3,4] C．[“1”,“0”,“2”,“0”,“3”,“0”,“4”] D．"1,0,2,0,3,0,4"

js基础知识

Js1k:用1k的代码做出炫目的效果。代码扩写犀牛书微信公众号：前端大全 1. ***变量 2. ***数据类型一．***变量：内存中存储*一个*数据的存储空间，再起一个名字何时使用：程序中反复使用的数据，都要先保存在变量中，再参与运算如何使用：声明赋值取值 1. 声明：在内存中创建一个新变量如何声明：var 变量名; 仅声明，但暂未赋值，默认值为undefined 变量命名：1. 不能以数字开头，仅能包含字母，数字和下划线 2. 不能用保留字：js中已经预先使用的关键字比如：name X 3. 见名知意 4. 驼峰命名：第一个单词首字母小写，之后每个单词首字母大写：比如：backgroundColor，listStyleType 2. 赋值：将等号*右边*的数据，保存到等号*左边*的变量中如何赋值：变量名=值;il *对已经包含值的变量赋新值，新值会替换旧值* 建议：1. 在声明同时，初始化变量的值如何在声明同时初始化：var 变量名=值; 3. 取值：只要使用变量名，在运行时，会被自动替换为变量中的值特殊情况：3种： 1. 只声明，但未赋值的变量，可任意使用比如：var hb; console.log(hb); //undefined 2. 从未声明的变量，不能使用(取值)！报错：ReferenceError: XXX is not defined 3. 未声明的变量，却可赋值！——其实和var不一样强烈建议：必须用var声明变量 ***声明提前：在程序正式*执行前*，都会将var声明的变量提前到*当前脚本块*的顶部集中声明。再开始执行程序。***赋值留在原地*** 常量：一旦初始化，值不能改变的量何时使用：程序中，一旦定义不可擅自改变的值，都要用常量保存如何创建：const 常量名=值; 用作常量的名称，都要大写字母强行修改常量的值，不会报错，但也无法修改成功！

js网上商城案例

购物车 cart.css @charset "utf-8"; /* CSS Document */ /*中间导航*/ #nav{ width:985px; /*内容固定宽度*/ margin:0px auto; /*固定宽度且居中*/ height:39px; } #middle#allnav{ width:100%; /*自适应宽度，占据整个屏幕*/ height:39px; background-color:#ff7701; } #nav ul li{ float:left; } #nav ul li a{ float:left; /*兼容ie6*/ padding:0px16px; height:39px; line-height:39px; display:block; font-weight:bold; font-size:15px; color: white; } #nav ul li a:hover{ background-color:#ff8c00 } #nav ul li a.category{ background-image: url(../images/arrow-down.gif); background-repeat:no-repeat; background-position:right; } /*导航菜单的二级菜单用到定位*/ #nav ul li.menuList{ position:relative; } #nav ul li.menuList ul{ background-color:#ff7701; text-align: center; top:39px; /*脱离原文档流*/ left:0px; position:absolute; width:123px; display:none; }

JavaScript期末测试题

1、选择题：9题 1、要求用JavaScript实现下面的功能：在一个文本框中内容发生改变后，单击页面的其他部分将弹出一个消息框显示文本框中的内容，下面语句正确的是（） A． B． C． D．正确答案是: B 2、在HTML页面中，下面关于Window对象的说法不正确的是（）。 A．Window对象表示浏览器的窗口，可用于检索有关窗口状态的信息 B．Window对象是浏览器所有内容的主容器 C．如果文档定义了多个框架，浏览器只为原始文档创建一个Window对象，无须为每个框架创建Window对象 D．浏览器打开HTML文档时，通常会创建一个Window对象正确答案是: C 3、window的哪个方法可以显示输入对话框？（） A．confirm() B．alert() C．prompt() D．open() 正确答案是: C 4、open()方法的哪个外观参数可以设置是否显示滚动条？（） A．location B．menubar C．scrollbars D．toolbar 正确答案是: C 5、在Javascript语言中，当元素失去了焦点时激发的事件是( ) A.Focus B.UnLoad C.MouseOver D.Blur 正确答案是: D 6、DHTML不具备的优点是（） A.动态样式 B.动态语法 C.动态内容 D.动态定位

零基础js入门试题

————————————————————————————————作者：————————————————————————————————日期：

1,什么是Javascript? 答：Javascipt是一种脚本语言，由web浏览器进行解释和执行。 2,JavaScript是由那几个部分组成？答：主要分为以下三种： ECMAScript : 核心 DOM : 文档对象模型 BOM : 浏览器对象模型 3,请写出两种将Javascript的应用到网页的方式答：方法一：将javascript代码插入html文档部分的方法二：将javascript代码存放在一个独立的文件。用.js作为文件的扩展名，再利用 4,如何定义一个变量？变量的命名规则有哪些？答：变量由var 运算符加变量名定义,如： var num = 24; var name= ‘金团网’; 命名规则第一个字符必须是字母、下划线(_)、或美元符号($); 变量名中不能包含空格或标点符号（$ 除外); 变量名区分大小写; 不能使用保留字; 为了让变量名有更好的可读性，可以在变量名中适当的插入下划线分隔，如：var my_name = ‘金团网’; 5,Javascript的常用的几种数据类型有哪些？

JS中的常用语句

1.document.write( " "); 输出语句 2.JS中的注释为// 3.传统的HTML文档顺序是:document- >html- >(head,body) 4.一个浏览器窗口中的DOM顺序是:window- >(navigator,screen,history,location,document) 5.得到表单中元素的名称和值:document.getElementById( "表单中元素的ID號 ").name(或value) 6.一个小写转大写的JS: document.getElementById( "output ").value = document.getElementById( "input ").value.toUpperCase(); 7.JS中的值类型:String,Number,Boolean,Null,Object,Function 8.JS中的字符型转换成数值型:parseInt(),parseFloat() 9.JS中的数字转换成字符型:( " " 变量) 10.JS中的取字符串长度是:(length) 11.JS中的字符与字符相连接使用號. 12.JS中的比较操作符有:==等于,!=不等于, >, >=, <. <= 13.JS中声明变量使用:var来进行声明 14.JS中的判定语句结构:if(condition){}else{} 15.JS中的循环结构:for([initial expression];[condition];[upadte expression]) {inside loop} 16.循环中止的命令是:break 17.JS中的函数定义:function functionName([parameter],...){statement[s]} 18.当文件中出现多个form表单时.可以用document.forms[0],document.forms[1]来代替. 19.窗口:打开窗口window.open(), 关闭一个窗口:window.close(), 窗口本身:self 20.状態栏的设置:window.status= "字符 "; 21.弹出提示信息:window.alert( "字符 "); 22.弹出確认框:window.confirm(); 23.弹出输入提示框:window.prompt(); 24.指定当前显示链接的位置:window.location.href= "URL " 25.取出窗体中的所有表单的数量:document.forms.length 26.关闭文档的输出流:document.close(); 27.字符串追加连接符: = 28.创建一个文档元素:document.createElement(),document.createTextNode() 29.得到元素的方法:document.getElementById() 30.设置表单中所有文本型的成员的值为空: var form = window.document.forms[0] for (var i = 0; i

JS实例网页上图片延迟加载的JS代码

大家如果使用firebug去查看的话就会发现，当你滚动到相应的行时，当前行的图片才即时加载的，这样子的话页面在打开只加可视区域的图片，而其它隐藏的图片则不加载，一定程序上加快了页面加载的速度，对于比较长的页面来说，这个方案是比较好的。实现原理把所有需要延时加载的图片改成如下的格式：然后在页面加载时，把所有使用了lazy_src的图片都保存到数组里，然后在滚动时计算可视区域的top，然后把延时加载的图片中top小于当前可视区域（即图片出现在可视区域内）的图片的src的值用lazy_src的来替换（加载图片）代码 lazyLoad=(function() { var map_element = {}; var element_obj = []; var download_count = 0; var last_offset = -1; var doc_body; var doc_element; var lazy_load_tag; function initVar(tags) { doc_body = document.body; doc_element = https://www.360docs.net/doc/de16912196.html,patMode == 'BackCompat' ? doc_body: document.documentElement; lazy_load_tag = tags || ["img", "iframe"]; }; function initElementMap() { var all_element = []; //从所有相关元素中找出需要延时加载的元素 for (var i = 0, len = lazy_load_tag.length; i < len; i++) { var el = document.getElementsByTagName(lazy_load_tag[i]); for (var j = 0, len2 = el.length; j < len2; j++) { if (typeof(el[j]) == "object" && el[j].getAttribute("lazy_src")) { element_obj.push(all_element[key]); } } } for (var i = 0,

js常用总结

JavaScript的内部对象： (1) Object (2) String (3) Math (4) Date (5) toString JavaScript 代码放在另一个单独的文件里，然后在网页（HTML文件）中使用“SRC= 此单独文件的路径/地址（URL）”来使用此单独文件里的JavaScript 程序代码。一般将这个单独的文件保存为扩展名为.JS 的文件： JS - 常用語句 1.document.write(""); 输出语句 2.JS中的注释为// 3.传统的HTML文档顺序是: document->html->(head,body) 4.一个浏览器窗口中的DOM顺序是: window->(navigator,screen,history,location,document) 5.得到表单中元素的名称和值: document.getElementById("表单中元素的ID号").name(或value) 6.一个小写转大写的JS: document.getElementById("output").value=document.getElementById("input").value.toUpperCa se(); 7.JS中的值类型: String,Number,Boolean,Null,Object,Function 8.JS中的字符型转换成数值型: parseInt(),parseFloat() 9.JS中的数字转换成字符型: ("" 变量) 10.JS中的取字符串长度是: (length) 11.JS中的字符与字符相连接使用号. 12.JS中的比较操作符有: == 等于,!=不等于,>,>=,<.<= 13.JS中声明变量使用: var 来进行声明 14.JS中的判断语句结构: if(condition){}else{} 15.JS中的循环结构: for([initial expression];[condition];[upadte expression]) {inside loop} 16.循环中止的命令是: break 17.JS中的函数定义:

javascript实用代码实例 js 定位延时传值跳转

优点；用户操作感觉满意度高；仅javascript的html，实现多验证多功能，不用回传，效率高，用户体验好; 知识点：可视窗口的背景着色， div的任意绝对定位，各种输入文本情况的确检测，用js控制div的内容：innerHTML， isNaN方法：判断字符串是否全是数字， js实现延时自动跳转到另一页面，接受上一页面的传来的信息，并判断，进行回应:request[“uid”] login.html 将以下内容复制到文本中，改后缀名为.htm或html 即可看到显示结果 homepage . 二种：将JS的代码编写到一个.js的文件中,在HTML中引入该JS代码即可. 1.1.3代码实现：