2015.04.08

最新推荐文章于 2021-06-27 16:05:11 发布

什么石头

最新推荐文章于 2021-06-27 16:05:11 发布

阅读量347

点赞数

分类专栏： JS 文章标签： JS

JS 专栏收录该内容

20 篇文章 0 订阅

订阅专栏

alter()函数

<button type="button" onclick="alert('Welcome!')">点击这里</button>
将弹出以下提示信息
这个函数用于测试代码很有用
这里写图片描述

document

您会经常看到 document.getElementByID(“some id”)。这个方法是 HTML DOM 中定义的。
DOM（文档对象模型）是用以访问 HTML 元素的正式 W3C 标准。
实例如下：
这里写图片描述

var类型中的match()方法

实例如下：
这里写图片描述

获取元素value值并验证

这里写图片描述

1.理解点

Document 对象是 Window 对象的一部分，可通过 window.document 属性对其进行访问。
getElementById() 是一个重要的方法，在 DOM 程序设计中，它的使用非常常见。我们为您定义了一个工具函数，这样您就可以通过一个较短的名字来使用 getElementById() 方法了：

function id(x) {
  if (typeof x == "string") return document.getElementById(x);
  return x;
  }

上面这个函数接受元素 ID 作为它们的参数。对于每个这样的参数，您只要在使用前编写 x = id(x) 就可以了。

2. 理解点

或中的 JavaScript
可以在 HTML 文档中放入不限数量的脚本。
脚本可位于 HTML 的或部分中，或者同时存在于两个部分中。
通常的做法是把函数放入部分中，或者放在页面底部。这样就可以把它们安置到同一处位置， 不会干扰页面的内容
(放入的位置影响代码加载执行的顺序，提示：我们把 JavaScript 放到了页面代码的底部，这样就可以确保在所有元素创建之后再执行脚本。)

3.理解点

JavaScript 语句
JavaScript 代码（或者只有 JavaScript）是 JavaScript 语句的序列。

浏览器会按照编写顺序来执行每条语句。JavaScript 语句向浏览器发出的命令。语句的作用是告诉浏览器该做什么。

4.理解点

提示：JavaScript 是脚本语言。浏览器会在读取代码时，逐行地执行脚本代码。而对于传统编程来说，会在执行前对所有代码进行编译。

5.理解点

声明变量类型
当您声明新变量时，可以使用关键词 “new” 来声明其类型：
var carname=new String;
var x= new Number;
var y= new Boolean;
var cars= new Array;
var person= new Object;
JavaScript 变量均为对象。当您声明一个变量时，就创建了一个新的对象。

6.理解点，js能做的事

JavaScript 能够改变页面中的所有 HTML 元素
JavaScript 能够改变页面中的所有 HTML 属性
JavaScript 能够改变页面中的所有 CSS 样式
JavaScript 能够对页面中的所有事件做出反应

1注意

全局 JavaScript 变量
在函数外声明的变量是全局变量，网页上的所有脚本和函数都能访问它。

2.注意使用未声明变量

向未声明的 JavaScript 变量来分配值
如果您把值赋给尚未声明的变量，该变量将被自动作为全局变量声明。
这条语句：
carname=”Volvo”;
将声明一个全局变量 carname，即使它在函数内执行。

3.注意：字符和数字用“+”时

如果把数字与字符串相加，结果将成为字符串。

如何使用外部JS文件

也可以把脚本保存到外部文件中。外部文件通常包含被多个网页使用的代码。
外部 JavaScript 文件的文件扩展名是 .js。
如需使用外部文件，请在 <script> 标签的 “src” 属性中设置该 .js 文件：
实例：

<!DOCTYPE html>
<html>
<body>
<script src="myScript.js"></script>
</body>
</html>

关于document.write()的注意事项

根据安放位置顺序执行，如果文档加载完毕后，再调用document.write()是有问题得
警告：
请使用 document.write() 仅仅向文档输出写内容。
如果在文档已完成加载后执行 document.write，整个 HTML 页面将被覆盖：
实例：

<!DOCTYPE html>
<html>
<body>

<h1>My First Web Page</h1>

<p>My First Paragraph.</p>

<button onclick="myFunction()">点击这里</button>

<script>
function myFunction()
{
document.write("糟糕！文档消失了。");
}
</script>

</body>
</html>

创建数组

下面的代码创建名为 cars 的数组：

var cars=new Array();
cars[0]="Audi";
cars[1]="BMW";
cars[2]="Volvo";

或者 (condensed array):

var cars=new Array("Audi","BMW","Volvo");

JavaScript 对象

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

对象属性有两种寻址方式：
实例
name=person.lastname;
name=person[“lastname”];
可以对比于结构体

清空变量

Undefined 这个值表示变量不含有值。
可以通过将变量的值设置为 null 来清空变量。
实例
cars=null;
person=null;

字符串连接

用“+”进行连接

txt1="What a very";
txt2="nice day";
txt3=txt1+txt2;

在以上语句执行后，变量 txt3 包含的值是 “What a verynice day“。
如果要加入空格，可以

txt1="What a very";
txt2="nice day";
txt3=txt1+""+txt2;

改变元素内容用innerHTML

修改 HTML 内容的最简单的方法时使用 innerHTML 属性。
如需改变 HTML 元素的内容，请使用这个语法：

document.getElementById(id).innerHTML=new HTML

改变元素属性值

如需改变 HTML 元素的属性，请使用这个语法：
document.getElementById(id).attribute=new value

attribute表示该id元素的属性，
比如实例
改变了元素的 src 属性：

<!DOCTYPE html>
<html>
<body>

<img id="image" src="smiley.gif">

<script>
document.getElementById("image").src="landscape.jpg";
</script>

</body>
</html>

改变元素样式风格

下面的例子会改变 <p> 元素的样式：

<p id="p2">Hello World!</p>

<script>
document.getElementById("p2").style.color="blue";
</script>

js事件处理分配

http://www.w3school.com.cn/js/js_htmldom_events.asp

Window对象

Window 对象描述
Window 对象表示一个浏览器窗口或一个框架。在客户端 JavaScript 中，Window 对象是全局对象，所有的表达式都在当前的环境中计算。也就是说，要引用当前窗口根本不需要特殊的语法，可以把那个窗口的属性作为全局变量来使用。例如，可以只写 document，而不必写 window.document。
同样，可以把当前窗口对象的方法当作函数来使用，如只写 alert()，而不必写 Window.alert()。
除了上面列出的属性和方法，Window 对象还实现了核心 JavaScript 所定义的所有全局属性和方法。
Window 对象的 window 属性和 self 属性引用的都是它自己。当你想明确地引用当前窗口，而不仅仅是隐式地引用它时，可以使用这两个属性。除了这两个属性之外，parent 属性、top 属性以及 frame[] 数组都引用了与当前 Window 对象相关的其他 Window 对象。

要引用窗口中的一个框架，可以使用如下语法：

frame[i]        //当前窗口的框架
self.frame[i]   //当前窗口的框架
w.frame[i]  //窗口 w 的框架

要引用一个框架的父窗口（或父框架），可以使用下面的语法：

parent      //当前窗口的父窗口
self.parent //当前窗口的父窗口
w.parent        //窗口 w 的父窗口

要从顶层窗口含有的任何一个框架中引用它，可以使用如下语法：

top     //当前框架的顶层窗口
self.top        //当前框架的顶层窗口
f.top       //框架 f 的顶层窗口

新的顶层浏览器窗口由方法 Window.open() 创建。当调用该方法时，应把 open() 调用的返回值存储在一个变量中，然后使用那个变量来引用新窗口。新窗口的 opener 属性反过来引用了打开它的那个窗口。
一般来说，Window 对象的方法都是对浏览器窗口或框架进行某种操作。而 alert() 方法、confirm() 方法和 prompt 方法则不同，它们通过简单的对话框与用户进行交互。

什么石头

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
2015.04.08

alter()函数<button type="button" onclick="alert('Welcome!')">点击这里</button> 将弹出以下提示信息这个函数用于测试代码很有用 document您会经常看到 document.getElementByID(“some id”)。这个方法是 HTML DOM 中定义的。 DOM（文档对象模型）是用以访问 HTML 元素的正式 W
复制链接

扫一扫