JS基础-菜鸟教程

JS基础

JS输出

document.write() 仅仅向文档输出写内容。

如果在文档已完成加载后执行 document.write，整个 HTML 页面将被覆盖：

JS语句

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

JS变量

重新声明JavaScript变量，该变量的值不会丢失。

JavaScript 变量均为对象。当您声明一个变量时，就创建了一个新的对象。

把值赋给未声明的变量，将自动作为全局变量。

JS数据类型

数字，布尔，symbol，字符串，函数，对象，数组。

JS循环

for-in循环

var person={fname:“John”,lname:“Doe”,age:25};

for(x in person){

​ txt=txt+person[x];

}

HTML DOM

onclick

onload

onunload

onchange

onmouseover

onmouseout

onmousedown-onmouoseup

JS对象

JS数字

所有JavaScript数字均为64位。

JS字符串

var txt=“cmyk”;

txt.length=4;

txt.color=‘red’;

txt.indexOf(‘c’)=0; 获取c在txt中第一次出现的位置.

txt.match(‘cm’);判断txt中是否有‘cm’,有返回‘cm’,没有返回null.

txt.replace(/cm/,“CCCMMM”); txt->ykCCCMMM

var encodedStr=escape(txt);

var decodedStr = unescape(encodedStr);

JS日期

var date = new Date();

date.getDay();//0123456

date.getHours();

date.getMinutes();

date.getSeconds();

date.getTime();//获取毫秒数

JS数组

var Acars = new Array();

var Bcars = new Array()

Acars[0]=“月光女神”;

Acars[1]=“雷诺”;

Bcars[0]=“大Q吧”;

Acars.contact(Bcars); //组合两个数组

Acars.join("."); //用.把数组变成字符串输出【默认用,分割】

Acars.sort();

JS逻辑

var myBoolean = new Boolean();

0、-0、null、""、false、undefined 或者 NaN 为false,其余为true

JS算数

Math：执行常见的算数任务

Math.round() 返回四舍五入的数

Math.floor()

Math.random()

Math.max(a,b)

Math.min(a,b)

1. Math.E
2. Math.PI
3. Math.SQRT2 【2的平方根】
4. Math.SQRT1_2 【1/2的平方根】
5. Math.LN2
6. Math.LN10
7. Math.LOG2E
8. Math.LOG10E

JS正则表达式

var pattern = new RegExp(“e”);

var str=“student”

pattern.test(str); 检测指定值，返回布尔值

pattern.exec(str); 检测指定值，返回被找到值或NULL

pattern.compile(); 改变正则表达式

JS Window

BOM

所有的全局变量，全局对象都是window对象的成员

HTML DOM的document是window对象属性之一

var w=window.innerWidth

||document.documentElement.clientWidth

||document.body.clientWidth;

---

其他window方法

window.open(URL,name,features,replace);

参数	描述
URL	一个可选的字符串，声明了要在新窗口中显示的文档的 URL。如果省略了这个参数，或者它的值是空字符串，那么新窗口就不会显示任何文档。
name	一个可选的字符串，该字符串是一个由逗号分隔的特征列表，其中包括数字、字母和下划线，该字符声明了新窗口的名称。这个名称可以用作标记 和 的属性 target 的值。如果该参数指定了一个已经存在的窗口，那么 open() 方法就不再创建一个新窗口，而只是返回对指定窗口的引用。在这种情况下，features 将被忽略。
features	一个可选的字符串，声明了新窗口要显示的标准浏览器的特征。如果省略该参数，新窗口将具有所有标准特征。在窗口特征这个表格中，我们对该字符串的格式进行了详细的说明。
replace	一个可选的布尔值。规定了装载到窗口的 URL 是在窗口的浏览历史中创建一个新条目，还是替换浏览历史中的当前条目。支持下面的值：true - URL 替换浏览历史中的当前条目。false - URL 在浏览历史中创建新的条目。

channelmode=yes|no|1|0	是否使用剧院模式显示窗口。默认为 no。
directories=yes|no|1|0	是否添加目录按钮。默认为 yes。
fullscreen=yes|no|1|0	是否使用全屏模式显示浏览器。默认是 no。处于全屏模式的窗口必须同时处于剧院模式。
height=pixels	窗口文档显示区的高度。以像素计。
left=pixels	窗口的 x 坐标。以像素计。
location=yes|no|1|0	是否显示地址字段。默认是 yes。
menubar=yes|no|1|0	是否显示菜单栏。默认是 yes。
resizable=yes|no|1|0	窗口是否可调节尺寸。默认是 yes。
scrollbars=yes|no|1|0	是否显示滚动条。默认是 yes。
status=yes|no|1|0	是否添加状态栏。默认是 yes。
titlebar=yes|no|1|0	是否显示标题栏。默认是 yes。
toolbar=yes|no|1|0	是否显示浏览器的工具栏。默认是 yes。
top=pixels	窗口的 y 坐标。
width=pixels	窗口的文档显示区的宽度。以像素计。

window.close()

window.moveTo(x,y) 窗口左上角移到一个指定坐标

window.resizeTo(widht,height)

JS Screen

screen.availHeight;

screen.availWidth;

JS Location

1. location.hostname 返回 web 主机的域名
2. location.pathname 返回当前页面的路径和文件名
3. location.port 返回 web 主机的端口 （80 或 443）
4. location.protocol 返回所使用的 web 协议（http:// 或 https://）
5. location.href返回当前页面的URL
6. location.assign(newURL)

JS History

history.back() 与浏览器的后退按钮相同

history.forword()

JS Navigator

警告：来自 navigator 对象的信息具有误导性，不应该被用于检测浏览器版本，这是因为：

• navigator 数据可被浏览器使用者更改
• 浏览器无法报告晚于浏览器发布的新操作系统

---

浏览器检测

部分浏览器有专门的对象，比如window.opera

JS 消息框

1. 警告框

   window.alert(“文本”);

2. 确认框

   window.confirm(“文本”);

3. 提示框

   window.prompt(“文本”,“默认值”);

JS Timing

setTimeout(code,millisec)

提示：setTimeout() 只执行 code 一次。如果要多次调用，请使用 setInterval() 或者让 code 自身再次调用 setTimeout()。

clearTimeout() 取消setTimeout();

JS Cookies

cookie用来识别用户

cookie是存储于访问者计算机中的变量，每当同一台计算机通过浏览器访问某个页面时，就会发送这个cookie。

cookie存储用户的浏览记录，比如登陆名，密码，日期。

cookie以键值对形式保存key=value;