javascript 基础知识

javascript 基础知识
编程规范
注释 //
驼峰
对象化编程

数据类型
字符串、数字、布尔、数组、对象、Null、Undefined
定义

var carname=new String;
var x=      new Number;
var y=      new Boolean;
var cars=   new Array;
var person= new Object;

字符串

var word = "Hello World!";

数字

var x1 = 34.00; //使用小数点来写
var x2 = 34; //不使用小数点来写
var y = 123e5; // 12300000
var z = 123e-5; // 0.00123

创建数组

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

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

var cars =["Audi", "BMW", "Volvo"];//3

对象

所有事物都是对象

var person = {
firstname : "Bill",
lastname : "Gates",
}
var name = person.firstname + person["lastname"];

Undefined

表示变量未定义

null
可用来清空变量
cars = null;
函数

略...

变量
生命周期
var name; 局部变量, 作用在他的函数块里
name; 全局变量,作用在整个页面

运算符
略...

逻辑语法If Else; Switch, For, While

错误捕捉
try{ throw }catch(err){ }

正则
检索对象RegExp
var patt1 = new RegExp("Word"); //声明一个匹配["Word"]检索对象
检索对象有3个方法
1, test() 方法检索字符串中的指定值。返回值是 true 或 false。
patt1.test("Hello, Word!"); //返回为true

2,exec() 方法检索字符串中的指定值。返回值是被找到的值。如果没有发现匹配,则返回 null。
patt1.exec("Hello, Word!"); //返回 Word

3,compile() 方法用于改变 RegExp。
var patt1=new RegExp("e");
patt1.compile("d");

patt1.test("Hello Word!"); //patt1对象将匹配的是d,而不是e

HTML DOM (文档对象模型)
HTML DOM 独立于平台和语言
HTML DOM 定义了访问和操作 HTML 文档的标准方法

浏览器对象模型 (BOM)
Window
所有浏览器都支持 window 对象。它表示浏览器窗口。
所有 JavaScript 全局对象、函数以及变量均自动成为 window 对象的成员。
全局变量是 window 对象的属性。
全局函数是 window 对象的方法。
甚至 HTML DOM 的 document 也是 window 对象的属性之一:

Window对象
Screen //屏幕
Location //页面地址
History //浏览器历史
Navigator //浏览器信息

弹框包括
警告框 alert("文本")
确认框 confirm("文本")
提示框 prompt("文本")

定时器
setTimeout()
未来的某时执行代码
clearTimeout()
取消setTimeout()
var t = setTimeout("alert(‘5 seconds!‘)",5000);//定时5秒执行
clearTimeout(t); //取消执行

Cookie
是存储于访问者的计算机中的变量。
首次访问存储, 再次访问页面生效.
Javascript不能操作session
cookie是以键值对的形式保存
expires标识过期时间

设置Cookie
document.cookie = "name=Jay;expires=date"; //date为时间戳

读取Cookie值

function getCookie(c_name)
{
if (document.cookie.length>0)
{
c_start=document.cookie.indexOf(c_name + "=")
if (c_start!=-1)
{
c_start=c_start + c_name.length+1
c_end=document.cookie.indexOf(";",c_start)
if (c_end==-1) c_end=document.cookie.length
return unescape(document.cookie.substring(c_start,c_end))
}
}
return ""
}

清除Cookie, 设置Cookie过期

Javascript 库
Jquery, NodeJs...

时间: 2024-10-24 13:32:46

javascript 基础知识的相关文章

Javascript基础知识5

不要把相等运算符(==)与赋值运算符(=)搞混. 以&&运算符隔开的两个条件中的前者为错,则不会检测第二个条件的真假.利用这一点,可以提高脚本的速度. 使用带switch的多个条件 if(button=="next") window.location = "next.html"; else if(button=="previous") window.location = "pre.html"; else if(

JavaScript基础知识梳理--数组

JavaScript基础知识梳理--数组 1.创建方法 空数组:var obj=new Array(); 指定长度数组: var obj=new Array( size ); 指定元素数组 :  var obj=new Array( 元素1,元素2,....): 单位数组:var obj=new Array[ 元素1,元素2,元素3,...,元素N]; 多维数组:var a=new Array( [数组1],[数组2],[数组3],...,[数组N] ); 2.基本操作 存取数组元素: 单维数组

(1)JavaScript基础知识

Javascript基础知识 1.如何使用JavaScript (1).通过<script></script>中直接编写 (2).通过<script src='目标文档的URL'></script>链接外部的Js文件 ① <script  src="URL" type="text/javascript" charset="utf-8"></script> (3).作为某个元素

Javascript基础知识4

字符串大小写转换 toUpperCase()将所有的字符串转换成大写 toLowerCase()将所有的字符串转换成小写 substring(x,y)返回字符串的一部分,从x开始到y结束 charAt(x)获取第x个字符 indexOf("",x)查找字符串, 第一个内容是字符串,第二个是从第x开始 得到的值为这个字符串是从第几个字符开始的 同样lastindexOf()从最后开始查找 split("")分离字符串,内容为以什么分离, 得到的是一个数组 同理,将一个

JavaScript基础知识梳理----正则表达式

JavaScript基础知识梳理----正则表达式 1.创建 方式:---字面量:var 变量名=/表达式/模式修饰符 ---构造函数:var 变量名=new RegExp(“表达式”,“模式修饰符”) 说明: 表达式 单个字符和数字 . 匹配除换行符之外的任意字符 [a-z0-9] 匹配方括号中的任意字符 [^a-z0-9] 匹配不在方括号中的任意字符 \d 匹配数字 \D 匹配非数字 \w 匹配字母 \W 匹配非字母 空白字符 \0 匹配null字符 \b 匹配空格符 \f 匹配进纸符 \n

javascript 基础知识1 数据类型

首先javascript是一种具有面向对象能力的,解释型程序设计语言. js对大小写敏感,一定要采取一致的字符大小写形式,在js中的结束分号(:)是可选的,为了避免JS语句错误,我们还是要注意添加,养成良好的编写习惯. 下面看看数据类型和值. JS有7种数据类型:字符串.数字.布尔.数组.对象.Null.Undefined 字符串类型:由Unicode字符,数字,标点符号组成的序列,可以为多个字符,也可以为0个字符. 1 <script> 2 // var用于声明一个变量 3 var stri

javascript基础知识拾遗

1 下面列出的值被当作假 false null undefined '' 0 NaN 其它所有值被当作是真 console.log(undefined || true); //true console.log(0||true); //true console.log(''||true); //true console.log(false||true); //true console.log(null||true); //true console.log(NaN||true); //true co

JavaScript基础知识3

JavaScript中的函数运行在它们被定义的作用域里,而不是它们被执行的作用域里 JavaScript基础知识3

[转载]JavaScript基础知识细节

作者:张子秋 出处:http://www.cnblogs.com/zhangziqiu/ 本文版权归作者和博客园共有,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文连接,否则保留追究法律责任的权利. 一.摘要 本文是jQuery系列教程的剧场版, 即和jQuery这条主线无关, 主要介绍大家平时会忽略的一些javascript细节.  适合希望巩固javascript理论知识和基础知识的开发人员阅读. 二.前言 最 近面试过一些人, 发现即使经验丰富的开发人员, 对于一些