js进军。。。

来源：互联网发布：mysql 派生表编辑：程序博客网时间：2024/06/10 23:26

简介：

alert：显示带有一段消息和一个确认按钮的警告框。语法如图<button type="button" onclick="alert('欢迎!')">点我! </button>。

JS可以改变html里面的内容。x=document.getElementById("demo"); // 找到元素 x.innerHTML="Hello JavaScript!"; // 改变内容

js可以改变图片【if (element.src.match("bulbon")领悟】，改变样式等等，功能非常强大。

用法：

HTML 中的脚本必须位于 <script> 与 </script> 标签之间。

脚本可被放置在 HTML 页面的 <body> 和 <head> 部分中。

输出：

如需从 JavaScript 访问某个 HTML 元素，您可以使用 document.getElementById(id) 方法。请使用 "id" 属性来标识 HTML 元素。

document.write("<p>我的第一个 JavaScript</p>")直接把 <p> 元素写到 HTML 文档输出中。

使用 document.write() 仅仅向文档输出写内容，如果在文档已完成加载后执行 document.write，整个 HTML 页面将被覆盖。

语法：

javascript标识符。

abstractelseinstanceofsuperbooleanenumintswitchbreakexportinterfacesynchronizedbyteextendsletthiscasefalselongthrowcatchfinalnativethrowscharfinallynewtransientclassfloatnulltrueconstforpackagetrycontinuefunctionprivatetypeofdebuggergotoprotectedvardefaultifpublicvoiddeleteimplementsreturnvolatiledoimportshortwhiledoubleinstaticwithzh

注释：

单行注释以 // 开头。多行注释以 /* 开始，以 */ 结尾。

变量：

可以把变量看做存储数据的容器。

我们使用 var 关键词来声明变量：

数据类型：

数组：array for(i=0;i<.length;i++)

对象由花括号分隔。在括号内部，对象的属性以名称和值对的形式 (name : value) 来定义。属性由逗号分隔：var person= {firstname:"John".lastname:"Doe", id:5566};

可以通过将变量的值设置为 null 来清空变量。

当声明新变量时，可以使用关键词 "new" 来声明其类型：

对象：

在 JavaScript 中，对象是数据（变量），拥有属性和方法。

访问对象属性的方法： objectName.propertyName。

使用 String 对象的 toUpperCase() 方法来把文本转换为大写

函数：

函数是由事件驱动的或者当它被调用时执行的可重复使用的代码块。

参数：变量和参数必须以一致的顺序出现。第一个变量就是第一个被传递的参数的给定的值，以此类推。

返回值：在使用 return 语句时，函数会停止执行，并返回指定的值。

作用域：

逻辑运算符：

variablename=(condition)?value1:value2

switch语句;

使用 default 关键词来规定匹配不存在时做的事情。

for循环：

for (var i=0;i<cars.length;i++) document.write(cars[i] + "<br>");

for/in循环

while:

do { x= x+ "The number is " + i + "<br>";i++; }while (i<5)

break和continue：

continue 语句中断循环中的迭代，如果出现了指定的条件，然后继续循环中的下一个迭代。break 语句跳出循环后，会继续执行该循环之后的代码。（？？？）

错误：（多看文档里面的例子）

try 语句测试代码块的错误。

catch 语句处理错误。

throw 语句创建自定义错误。

JavaScript 语句 try 和 catch 是成对出现的。try{//在这里运行代码}catch(err){//在这里处理错误}

表单验证：

表单数据经常需要使用 JavaScript 来验证其正确性

验证表单数据是否为空？
验证输入是否是一个正确的email地址？
验证日期是否输入正确？
验证表单输入内容是否为数字型？

保留关键词：

json：

英文全称 JavaScript Object Notation。JSON 是用于存储和传输数据的格式。

JS HTML DOM

简介：

通过 HTML DOM，可访问 JavaScript HTML 文档的所有元素。

查找：通过 id 找到 HTML 元素；通过标签名找到 HTML 元素；通过类名找到 HTML 元素。最简单的就是通过ID。

标签查找：x=document.getElementById("xxx");y=x.getElementByTagName("xxx") 第一个标签名可以写成y[0]类推。。。

改变html：

改变html属性：document.getElementById(id).attribute=new value。

改变css：

document.getElementById("xxx").style.xxx="xxx"

改变事件(好好领悟)：

向 HTML 元素分配事件，您可以使用事件属性。<button onclick="displayDate()">Try it</button>

使用 JavaScript 来向 HTML 元素分配事件：document.getElementById("myBtn").onclick=function(){displayDate()};

onload 和 onunload 事件

onload 和 onunload 事件会在用户进入或离开页面时被触发。

onload 事件可用于检测访问者的浏览器类型和浏览器版本，并基于这些信息来加载网页的正确版本。

onload 和 onunload 事件可用于处理 cookie。

onchange事件:onchange 事件常结合对输入字段的验证来使用。

onmouseover 和 onmouseout 事件可用于在用户的鼠标移至 HTML 元素上方或移出元素时触发函数。

onmousedown, onmouseup 以及 onclick 构成了鼠标点击事件的所有部分。首先当点击鼠标按钮时，会触发 onmousedown 事件，当释放鼠标按钮时，会触发 onmouseup 事件，最后，当完成鼠标点击时，会触发 onclick 事件

元素（节点）

如需向 HTML DOM 添加新元素，您必须首先创建该元素（元素节点），然后向一个已存在的元素追加该元素。

创建：创建元素：var para=document.createElement("p");

添加文本节点：var node=document.createTextNode("xxx")

向p追加文本节点：para.appendChild(node);

找到元素追加新元素：

找到已有元素：var element=document.getElementById("xxx")'

最后添加进去：element.appendChina(para);

删除：parent.removeChild(child)。。。。。。

JS高级教程

js对象：

访问对象的属性：objectName.propertyName

访问对象的方法：objectName.methodName()

字符串：

字符串使用 indexOf() 来定位字符串中某一个指定的字符首次出现的位置：

lastIndexOf() 方法在字符串末尾开始查找字符串出现的文章。

match()函数用来查找字符串中特定的字符，并且如果找到的话，则返回这个字符。

replace() 方法在字符串中用某些字符替换另一些字符。

字符串大小写转换使用函数 toUpperCase() / toLowerCase():

字符串使用str.split()函数转为数组:

\'单引号\"双引号\\斜杆\n换行\r回车\ttab\b空格\f换页：数值(关于数组看实例)：

属性构造器：Array.prototype.myUcase=function()

合并数组：：concat

用数组的元素组成字符串 - join()

删除数组的最后一个元素 - pop()

数组的末尾添加新的元素 - push()

将一个数组中的元素的顺序反转排序 - reverse()

删除数组的第一个元素 - shift()

从一个数组中选择元素 - slice()

。。。。。。。

布尔Boolean：

var myBoolean=new Boolean();

算数：

round() 方法返回浮点数x的四舍五入值。

floor(x)返回小于等于x的最大整数:

RegExp对象：

修饰符：

i- 修饰符是用来执行不区分大小写的匹配。g - 修饰符是用于执行全文的搜索（而不是在找到第一个就停止查找,而是找到所有的匹配）。

text：The test()方法搜索字符串指定的值，根据结果并返回真或假。

exec：exec() 方法检索字符串中的指定值。返回值是被找到的值。如果没有发现匹配，则返回 null。

浏览器BOM

windows：

浏览器对象模型（Browser Object Model (BOM)

var w=window.innerWidth var h=window.innerHeight

window.open() - 打开新窗口
window.close() - 关闭当前窗口
window.moveTo() - 移动当前窗口
window.resizeTo() - 调整当前窗口的尺寸

屏幕：

screen.availWidth - 可用的屏幕宽度
screen.availHeight - 可用的屏幕高度

location：

window.location 对象用于获得当前页面的地址 (URL)，并把浏览器重定向到新的页面。

location.hostname 返回 web 主机的域名
location.pathname 返回当前页面的路径和文件名
location.port 返回 web 主机的端口（80 或 443）
location.protocol 返回所使用的 web 协议（http:// 或 https://）
location.assign() 方法加载新的文档。

历史：

history.back() 方法加载历史列表中的前一个 URL。history forward() 方法加载历史列表中的下一个 URL。

windows.Navigator:

window.navigator 对象包含有关访问者浏览器的信息。

弾框：

警告框： window.alert("sometext");

确认框： window.confirm("sometext");

提示框： window.prompt("sometext","defaultvalue");

\n 表示换行。

计时事件：

setInterval()setInterval() 间隔指定的毫秒数不停地执行指定的代码。setInterval() 第一个参数是函数（function）第二个参数间隔的毫秒数

toLocaleTimeString根据本地时间把 Date 对象的时间部分转换为字符串：

clearInterval() 方法用于停止 setInterval() 方法执行的函数代码。

Cookies 用于存储 web 页面的用户信息。

JavaScript 可以使用 document.cookie 属性来创建、读取、及删除 cookies。

创建：document.cookie="username=John Doe";

读取：var x = document.cookie;

修改 cookies 类似于创建 cookies

删除 cookie 非常简单。您只需要设置 expires 参数为以前的时间即可

cookie字符串：

库：

JavaScript 库 - jQuery、Prototype、MooTools。

jQuery：Query 是目前最受欢迎的 JavaScript 框架。它使用 CSS 选择器来访问和操作网页上的 HTML 元素（DOM 对象）。jQuery 同时提供 companion UI（用户界面）和插件。

Prototype 是一种库，提供用于执行常见 web 任务的简单 API。

API 是应用程序编程接口（Application Programming Interface）的缩写。它是包含属性和方法的库，用于操作 HTML DOM。

Prototype 通过提供类和继承，实现了对 JavaScript 的增强。

MooTools 也是一个框架，提供了可使常见的 JavaScript 编程更为简单的 API。MooTools 也含有一些轻量级的效果和动画函数。

引用jQuery:在网页中引用。使用 <script> 标签，其 src 属性设置为库的 URL

描述jQuery: $() 函数（jQuery 函数）

实例：

一个外部JavaScript

0 0