JavaScript详解

来源:互联网 发布:广州淘宝拍摄基地在哪 编辑:程序博客网 时间:2024/06/05 19:07
一.什么是JavaScript
1.JavaScript是嵌入HTML中在浏览器中的脚本语言,具有和Java类似的语法。
2.是一种网页编程技术,用来向HTML页面添加交互行为。
3.JavaScript是可插入HTML页面,由浏览器执行代码,不进行预编译。
4.最早由网景公司在Netscape2.0首次推出了JavaScript,当时命名参考了Java的名称。
5.现在由ECMA组织维护JavaScript标准。


二.JavaScript特点
1.可以使用任何文本编辑工具编写。
2.由浏览器内置的JavaScript引擎执行代码。
  *解释执行:事先不编译,逐行执行.
  *基于对象:内置大量现成对象.


三.JavaScript用在哪里
1.客户端数据计算。
2.客户端表单合法性验证。
3.浏览器事件的触发。
4.网页特殊显示效果制作。
5.服务器的异步数据提交。


四.JavaScript的代码错误导致出现的现象
解释性代码,代码错误,则页面中无效果。


五.基本语法规范
1.弱变量类型语言(与Java不同)。
  * Java
    int i = 3;
    String s = “abc”;
  * JavaScript:
    var i = 3;
    var s = “abc”;
2.由Utf-8字符集编写。
3.注释:单行://;多行:/* */。 
4.avaScript的代码区分大小写。
5.使用分号或者换行结束,一行中有多个语法不能省略分号(友情提示最好都加分好)。
6.JavaScript语言中代表特定含义的词称为保留字,不允许程序再定义为标识符(class、int、float)。
7.变量命名规则
  *第一个字符必须是字母,下滑线(_)或美元符号($)
  *余下的字符可以是下滑线,美元符号或任何字母或数字字符


六.JavaScript数据类型
1.基本数据类型
  *undefined:未定义类型(列:var a:没定义对象默认就是undefined)
  *boolean:布尔类型
  *number:数字类型
  *string:字符或字符串.
  *null:空
2.本地对象(本地对象就是必须实例化才能使用其方法和属性)
  *Array:数组。(列:var arr = new Array(3))
  *RegExp对象
  *Date对象
  *ReferenceError对象
  *SyntaxError对象
  *TypeError对象
  *URIError对象
3.内置对象(无需实例化直接使用的对象,只有Math和Global)
  *Math(列:直接Math.ceil())
  *Global
4.外部对象(就是js运行生活的地方)
  *window:浏览器对象
  *document:文档对象

注意:在创建对象时写法要是(var a = new object())

七.如何创建自定义对象
1.自定义对象
<Script> 
function member(name, sex) {
    this.name = name;
    this.sex = sex;
}
var papa = new member("杨宏文", "男生");
var mama = new member("黄雅玲", "女生");
var doggy = new member("奇奇", "宠物狗");
document.write(papa.name);
document.write("是", papa.sex);
</Script>
2.定义对象的方法
<Script> 
function member(name, sex) {
  this.name = name;
  this.sex = sex;
  this.display = display;
}
function display() {
  var str = this.name + "是" + this.sex;
  document.write("<LI>" + str);
}
var papa = new member("杨宏文", "男生");
var mama = new member("黄雅玲", "女生");
var doggy = new member("奇 奇", "宠物狗");
papa.display();
mama.display();
doggy.display();
</Script>


八.触发事件

1.事件


2.事件应用
例如:
<script> 
function show(){
    var str="建议浏览器的分辨率:800x600";
    alert(str);
}
</script>

<body onload="show();">


九.JavaScript常用方法。
1.parseInt:强制转换成整数,如果不能转换,则返回NaN(not a number);
2.toString:所有数据类型均可以转换为String类型;
3.typeof:查询当前类型,返回String/number/boolean/object/function/undefined;
4.isNaN:判断被检测表达式经过转换后是否不是一个数,如果被检测表达式不是数则返回true,否则返回false;


十.JavaScript运算符
1.全等(===):类型相同,数值相同;
2.不全等(!==):数值或类型相同;


十一.JS的引入方式。
1.页面内直接编写JS代码,JS代码需要使用<script></script>.

2.将JS的代码编写到一个.js的文件中,在HTML中引入该JS代码即可.示例:<script src="myJs.js" type="text/javascript"></script>。


友情提醒:JavaScript内容实在太多本人只是大略的概括了其内容,如要详细学习我传了官方详细的开发手册各位可以去下载学习点击下载

1 0
原创粉丝点击