1,什么是JavaScript? |
javascript 一,什么是? 是一门 源于Java,基于对象,使用在客户端,由浏览器执行的脚本语言。 源于Java --- 语法与java类似 基于对象 --- 发展不完善,使用对象,又没有封装抽象继承多态 使用在客户端,由浏览器执行 --- 运行不需要提交到服务器,不占用服务器资源。 其他特点:大小写严格区分,例如 a 与 A是两个不同的变量,语法灵活,容易出错,调试不方便。弱类型语言。 二,放在哪里? 两种情况: 1,函数的声明放在<head></head> 中,后面讲 2,执行语句,及函数的调用放在页面的任何需要执行的位置. 例如 alert("ok");会弹出对话框,哪里需要放在哪里。 三,怎么放? 两种情况: 1,<script language="javascript"> javascript 脚本 </script> 2,<script language="javascript" src="####.js"></script> ####.js---独立脚本文件。 四,javascript数据类型 1,数值型 12 23.56 2,字符型 用单引号或双引号括起来的内容。 3,boolean true false 五,JavaScript的变量没有类型,变量不用定义就可以使用。 变量命名规则:字母及下划线起始,其他地方可以使用数字。大小写严格区分。 最好用 var 来定义。 全局变量---定义在函数外部,整个页面均有效的变量。 六,基本语法: 赋值语句 if for 等同于java 七,函数 -- 注意问题: 1,每个函数都包含两部分:函数的声明,函数的调用。 2,所有的JavaScript函数都不会自动运行,“必须”调用它。 声明格式: function 函数名() { //函数体; } 执行格式: var x=函数名(); //有返回值 函数名();//没有返回值。 3,函数声明必须放置在<head></head>中。---为什么? 函数调用放在哪?---- 情况1:你希望在那里执行,就放在那里 情况2:通常,函数的执行与事件有关。 八,事件 --- 做特效。 浏览器可以捕捉到很多的用户操作,例如,用户单击(onclick),用户打开了某网页(onload),用户移动了鼠标(onmouseover),这些事件在JavaScript用句柄来描述。 句柄(handle)=== on+动词 --》描述实现,不同的控件有不同的句柄,不同的浏览器有区别。 常用: onclick onchanage onmouseover onmouseout onfocus onblur onload 如何实现事件编程:与控件配合 <input type="button" name="t1" id="t1" onclick="fun()"></input> 九,JavaScript的对象 1,内置核心对象 (core object) 数值Number var a=new Number(12); -- 等价于 var a=12; 字符串对象 var b=new String("abcd"); -- 登价于 var b="abcd"; 数组对象 Array 布尔对象 Boolean 日期对象 Date 2,DOM对象模型。当浏览器打开时,系统会自动建立一批对象,用于描述与浏览器有关的状况。树形架构,父子关系。 window -document -body -form -location -history -screen -- IE不支持 -frame 十,window对象,是浏览器的顶级对象,包含一些重要方法 1,window.alert("提示文本"); 2, window.confirm("问题"); 3,window.prompt("提示"); 因为window是顶层对象,所有可以不写。 isNan--- is not a number --不是一个数 4,window.open() -- 打开一个新的窗口 十一,location对象 -- 重要 location是window的子对象,使用时 window.location等价于 location location.href === window.location.href === location location="url"实现跳转 十二,history对象 -- window.history === history 两个方法: history.back(); history.go(); 十三,document对象 window.document=== document document.write("文本"): “最重要”:document.getElementById("某控件或标记的id");---提取控件或标记 十四,div span在DHTML编程中的应用。 十五,window的重要方法 setInterval("方法()",毫秒); 十六,window的重要方法 window.close(); window.open("url","_self|_blank","属性=值,...."); 是否显示工具栏:toolbar[=yes|no]|[=1|0] 是否显示地址栏:location[=yes|no]|[=1|0] 是否显示前进、后退、刷新按钮:directories[=yes|no]|[=1|0] 是否显示状态栏:status[=yes|no]|[=1|0] 是否显示菜单栏:menubar[=yes|no]|[=1|0] 是否显示滚动条:scrollbars[=yes|no]|[=1|0] 用户是否可以改变窗口的大小:resizable[=yes|no]|[=1|0] 是否在新窗口中保留浏览器的浏览历史纪录:copyhistory[=yes|no]|[=1|0] 窗口的宽度 (单位为像素):width=pixels 窗口的高度 (单位为像素):height=pixels 十七,热连接使用javascript方法。
本文转自ylbtech博客园博客,原文链接:http://www.cnblogs.com/ylbtech/archive/2013/01/08/2852010.html,如需转载请自行联系原作者