韩顺平十天javascript全套笔记讲述.docx

js的讲解 ? js 技术用在什么地方? 1. 地图有哪些信誉好的足球投注网站 2. 网页游戏 3. 对用户输入校验(email ,数字,身份证,ip...) 4. 股市网站.. 核心一句话；js可以对网页的元素进行编程控制 . button input , image ... ,实现动态效果. 举例说明: html meta http-equiv=content-type content=text/html;charset=utf-8/ head script language=javascript type=text/javascript function test(){ window.alert(你点击button); } /script /head body input type=button onclick=test()/ /body /html ? js的基本介绍 ① js是一种脚本语句，不能独立运行,它往往和配合别的语言使用, 比如(html/php/jsp/asp/). ② js 有自己的函数(系统函数,自定义函数), 变量, 有编程的控制语句(顺序,分支,循环), 但是相对说, 它的语法规范不是特别严格. ③ js是解释执行语言 js源码 -直接被执行(js引擎[内嵌到浏览器]) 编译语句 java-.class-执行.class c-目标文件-执行 ④ js可以对网页元素编程，可以改变网页某个元素的外观 ⑤ js是用于bs开发. ⑥ js是客户端技术，它运行在客户端的浏览器 示意图:!!这个很重要!!! 小插曲 livescript - (netscape和sun 合作)-javascript [java 和 javascript 没有任何关系] jscript 是微软的产品，但是它和 javascript 语法规范一致. 请注意: 因为浏览器的差异，可能有这样问题，在ie中运行正常的js脚本，在ff中运行不正常.[应当在不同的浏览器中去测试是否ok 浏览器兼容.] 解决这个问题的简单方法是: 尽量使用js通用的函数. ? 浏览器历史 ? 如何去自己查询js的手册 w3school jscript ? 如何理解js是事件驱动的脚本语言 事件发生(用户做某个操作)[驱动]函数的调用 ? 我们的js程序 hello,world html head meta http-equiv=content-type content=text/html;charset=utf-8/ script language=javascript //跳出对话框 php 调用某个方法是 对象名-方法 //js 中 对象名.方法 //window是js语句的dom对象,无需创建，可以直接使用 window.alert(hellow,wrold1); /script /head body script language=javascript //跳出对话框 php 调用某个方法是 对象名-方法 //js 中 对象名.方法 //window是js语句的dom对象,无需创建，可以直接使用 window.alert(hellow,wrold2); /script /body 总结: 1. js码可以放在 html/php 页面的任何地方，js码是从上到下依次执行. 嵌入一段 js码是 script language=”javascipt” type=”text/javascript” //js码 /script 对hello,world 程序改进，改为一个简单加法运算: html head meta http-equiv=content-type content=text/html;charset=utf-8/ script language=javascript //跳出对话框 php 调用某个方法是 对象名-方法 //js 中 对象名.方法 //window是js语句的dom对象,无需创建，可以直接使用 //如何在js中定义变量. var num1=4; //我定义了一个变量 名字叫 num1,同时赋值 4 var num2=78; //我定义了一个变量 名字叫 num1,同时赋值 78 var res=num1+num2; window.alert(hellow,wrold1 res=+res); /script /head body /body ? js的变量类型是由js引擎决定，如果要查看某个变量的类型，则可以使用typeof运算符 //js变量的类型是由js引擎来决定的. var name=shunping; //可以通过 typeof 来查看 window.alert(name的类