JavaScript(js)

JavaScript(js)：基于对象的，事件驱动的客户端脚本语言，和HTML,CSS一样运行的客户端浏览器中
作用：1.用户交互 2.表单验证 3.动态改变页面内容 4.特效 5.游戏
基本语法：<script type="text/javaScrpt"> alert('Helloword'); </script>
alert()警告框
一、引入JS的两种方式
1.在网页中内嵌JS
缺点：在多个网页中不能复用代码 js都写在网页中，页面比较多，代码臃肿
二、引入外部JS
先在外部定义一个后缀名为.js的文件
在head中通过src=”…” 来引用通过charset=”gbk”来解码

  <script type="" src="路径" charset="gbk"></script>

三、为什么js代码块写在head中而不是写在body中？
因为一般js代码不是让它直接运行，而是在某个事件发生后，驱动它执行。
四、变量的定义：
js是一门大小写敏感的区分大小写的，弱类型语言
定义变量时，不需要同时执行变量的数据类型
1.显示定义
var a=10;
var b=”sss”;
2.隐式定义
a=10;
b=”sss”;
注意：如果先没定义s,直接打印s 会报错s is not defined js和java一样
五：js的基本类型
<1>数值类型
1.整数型 var a=10;
2.实型 var b=”sss”;
3.NAN not a number 不是一个数值
比如： var a =3; alert(a) 3
var a=parseint(“123”) alert(a) 123
var a=parseint(“aaa”) alert (a) not a number
var a=parseint(“123aaa”) alert(a) 123
var a=parseint(“123aaa234”) alert 123
4.Infinity 无穷
var a=10/0; alert(a) ; Infinity 正无穷
var a=-10/0;alert(a); -Infinity 负无穷
<2>字符串类型
注意js中没有字符型，都是字符串
var s=”s” var s=”hello”
字符串可以使用”“或者’‘来表示
’‘表示的字符串是为了解决转义问题
<3>boolean类型
逻辑型，取值为true和flase
有6个假
1.0
2.NAN 假 Infinity真
3.“”假 “ ”真
4.false 假
5.null 假
6.undefined
<4>null
注意null是一个数据类型，而且这个数据类型只用一个值，就是null，表示什么也不引用
<5>undefined
没有定义
注意：中文虽然翻译成没有定义，但实际定义中表示的并不是没有定义，而是默认值
<6>复合型类型
1. 函数
带返回值的函数
function test(a,b){
return a+b;
}
不带返回值得函数
function test(){
alert(“aaa”);
}
2.数组
定义数组的语法：1.声明 2.创建 3.初始化
var intArr=New Array(3);
java中数组和js中数组的区别：
js中数组元素类型可以不同比如可以是基本型也可以是字符串类型
js因为是动态语言，数组中元素的个数可以变化
数组的遍历：for(int i=0;i

  try{for(int i=0;i<10;i++){document.write(i);if(i==5){throw new Error("用户自定义错误")
}
}}catch(e){document.write(e.message);
}finally{
document.write('here');
}

注意：js中只用一种处理方式：try..catch…
十、对象和内建类
常用的内建类：
object:它是所有类的基类
number：number数值类
String:字符串类
math:数学类
Date：日期类
var dateobj=new Date();
document.write(“月”+（dateobj.getMonth()+1）)；
得到格式化的日期：
var date =dateobj.toLocaleString();
alert(date);
十一、两个定时器函数（重点）
1.window.setTimeout(函数名，毫秒)；延迟多少毫秒以后，执行该函数只执行一次

<head><script type="text/javascript">function  test(){window.setTimeout("gotobaidu();",5000);}function gotobaidu(){location.assign("http://www.baidu.com");}</script></head><body><input type="button" name="btn1" id="btn1" value="显示时间" onclick="test();"/></body>

2.window.setInterval(函数名，毫秒)；每隔多少毫秒执行一次

<head>
<script type="text/javascript">var div1;var myInterval;function showTime () {myInterval = window.setInterval(changeTime,1000);div1 = document.getElementById("div1");//dg //根据ID获得信息}function changeTime () {var currentTime = new Date().toLocaleTimeString();//显示时间div1.innerHTML = currentTime;//innerHTML属性设置或返回表格行的开始和结束标签之间的 HTML}function stopTime () {window.clearInterval(myInterval);}</script></head><body><input type="button" name="btn1" id="btn1" value="显示系统时间" onclick="showTime();"/><input type="button" name="btn1" id="btn1" value="停止显示时间" onclick="stopTime();"/><div id="div1"></div></body>

3.清除定时器
window.clearInterval(定时器名)；
十二、history历史对象
代表浏览器的历史栏，可以实现后退
history.back();后退一步
history.forward();前进一步
history.go(-1);后退一步
history.go(3);前进三步
属性：通过history.length获得用户到底走了几步；

JavaScript(js)相关推荐

JavaScript(js)/上
JavaScript(js) ECMA-----定义的基础语法 DOM------document object model BOM------Browser object model Jav ...
ie6 javascript js 缺少标识符总结(转载)
转载http://blog.csdn.net/qingyundys/article/details/6218280 ie6 javascript js 缺少标识符总结 1. ie6下,javascri ...
asp.net 用户注册怎么判断用户名是否重复 ajax,AJAX_asp.net结合Ajax验证用户名是否存在的代码，1，使用JavaScript js文件，验证 - phpStudy...
asp.net结合Ajax验证用户名是否存在的代码 1, 使用JavaScript js文件,验证用户名是否存在复制代码代码如下: var ajax = function(option) { va ...
JavaScript JS 如何定义多行文本
JavaScript JS 如何定义多行文本 JavaScript JS 定义多行文本最优雅的方式 var lines = function () { 你的文本内容开始 asd ccac文本结束}; ...
JavaScript(JS) date.getDay()
Date对象是JavaScript语言内建的数据类型.使用新的Date()创建日期对象.本文主要介绍JavaScript(JS) date.getDay() 方法. 原文地址:JavaScript(J ...
JavaScript js如何代码加密绑定域名
(function(){for(var c=location.host,a="",b=0;b<c.length;b++)a+=c[b].charCodeAt(0);if(&q ...
java web之javascript(js)解析
java web javascript(js): javascript(js): js嵌入在html中,在浏览器中运行的脚本语言 js跟java没有任何关系,只是语法相似是一 ...
JavaScript(JS) 浏览器中设置启用或禁用
所有的现代浏览器都内置了对JavaScript的支持.通常,可能需要手动启用或禁用此支持.本章介绍在浏览器中启用和禁用JavaScript支持的过程:Internet Explorer.Firefox ...
JavaScript(JS) string.italics( )
String对象允许你处理一系列字符;它用许多辅助方法包装Javascript的字符串原始数据类型.当JavaScript在字符串原语和字符串对象之间自动转换时,可以在字符串原语上调用string对象 ...
JavaScript(JS) Number.NaN
Number对象表示数字日期,可以是整数也可以是浮点数.通常,不需要担心Number对象,因为浏览器会自动将Number字面量转换为Number类的实例.本文主要介绍JavaScript(JS) Nu ...

JavaScript(js)

JavaScript(js)相关推荐

最新文章

热门文章