【Web开发】JavaScript

最新推荐文章于 2024-03-18 03:23:29 发布

ALOSTITMAN

最新推荐文章于 2024-03-18 03:23:29 发布

阅读量393

点赞数

分类专栏： web开发文章标签： javascript

本文链接：https://blog.csdn.net/alostitman/article/details/18254163

版权

web开发专栏收录该内容

3 篇文章 0 订阅

订阅专栏

JavaScript主要用于提高网页互动性

1、验证表单

2、Ajax技术

3、操作网页元素

4、特效

JavaScript可以被浏览器解析并运行

同CSS一样，JavaScript脚本可以单独放在一个(.js)文件中，引用如下：

<scrpit src="js/script.js" language="javascript" />

一、JavaScript语法

JavaScript标识可以由数字、大小写字母、下划线和美元符号构成，标识不能以数字开头。

JavaScript严格区分大小写（这个与HTML不一样）,代码以分号结束，但作为属性值的JavaScript可以不用分号结束

注释主要两种

单行注释：//

多行注释：/* */

基本数据类型和常量如下：

1、整型常量，可以10进制、16进制、8进制

2、实型常量，如123.45，也可以使用科学计数法

3、布尔常量，true或false

4、字符串常量，可以采用双引号或单引号

5、null常量，表示变量指向的对象为空

6、undefined，表示变量没有赋值或此变量不存在

JavaScript中变量都是弱类型的，在使用时自动确定，如 var s = "hello";如果未给s赋值，则为undefined

变量分为全局变量和局部变量，作用域不同。

JavaScript常用系统函数

parseInt(数字字符串，进制)

parseFloat(数字字符串)

eval（参数），可以将字符串作为JavaScript表达式执行，如

var i = 1;

eval("var temp" + i + "=" + i);

以上语句相当于 var temp1 = 1;

JavaScript的运算符基本上与其它语言一致

二、JavaScript控制语句

JavaScript的控制语句基本上与其它语言一致

三、自定义JavaScript对象

function Persion(name,age){

this.name = name;

this.age = age;

}

var p = new Person("张三",30);

alert(p.name + "," + p.age);

</script>

四、JavaScript内置对象

1、Object对象

上述例子可以采用Object内置对象构建Person对象

var person = new Object();

person.name = "张三";

person.age = 20;

alert(person["name"] + "," + person["age"]);

</script>

2、String对象

var str = "hello world"，str即为String对象

String对象常用属性有 charAt()、indexOf()等，具体可以查询JavaScript参考文档

3、Math对象

Math对象常用属性有 random()、round(x)、abs(x)

4、Date对象

Date对象常见属性有 getDate()、getTime()等，具体可以查询JavaScript参考文档

五、JavaScript数组

简单一维数组定义：var ids = ["001","002","003"];

简单二维数组定义：var ids = [["001",'002'],["006","007","008"]];

Array对象

主要属性有join()、reverse()、sort()

六、DOM编程

HTML元素连同它们包含的文本和属性都可以通过DOM进行访问和修改，DOM的主要对象有

Document, 代表整个HTML文件，可以用于访问一个页面上所有元素

Anchor, 代表一个<a>元素

Area, 代表一个image-map中的<area>元素

Base, 代表一个<base>元素

Body, 代表一个<body>元素

Button, 代表一个<button>元素

Event, 代表一个event的状态

Form, 代表一个<form>元素

Frame, 代表一个<frame>元素

还有许多对象，具体需要查看相关文档

七、其他JavaScript内置对象

Window, JavaScript分层结构中最顶层对象。Window对象代表了浏览器窗口，每一个<body>或<frameset>标签的实例都会自动生成一个Window对象。

Navigator, 存储了来访用户的浏览器信息。

Screen, 存储了来访用户的屏幕显示信息

History, 存储了浏览器窗口访问过的URL信息

Location, 存储了当前URL的信息。

使用JavaScript除了可以访问和操作JavaScript内置对象，还可以对HTML DOM对象进行操作。

具体对象的用法需要查看相关文档

八、JavaScript与正则表达式

search(rgExp) : 返回与正则表达式查找内容匹配的第一个子字符串的位置

replace(rgExp,replaceText) : 返回根据正则表达式进行文字替换后的字符串

RegExp对象创建有两种模式

1、re = /pattern/[flags]

2、re = new RegExp("pattern",["flags"])

pattern为要使用的正则表达式模式（必选）

flags为可选项，可用的有：

g, 全文查找出现的所有pattern

i, 忽略大小写

m, 多行查找

RegExp对象的test方法，返回一个Boolean值，它指出在被查找的字符串中是否存在模式。

九、相关参考文档

DOM编程：http://pan.baidu.com/s/1kThsIH5

JavaScript手册：http://pan.baidu.com/s/1sjCoBhz

ALOSTITMAN

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
【Web开发】JavaScript

JavaScript主要用于提高网页互动性 1、验证表单 2、Ajax技术 3、操作网页元素 4、特效 JavaScript可以被浏览器解析并运行同CSS一样，JavaScript脚本可以单独放在一个(.js)文件中，引用如下：一、JavaScript语法 JavaScript标识可以由数字
复制链接

扫一扫