JavaScript部分知识点汇总

来源：互联网发布：在淘宝如何绑定银行卡编辑：程序博客网时间：2024/05/16 07:14

最近又进一步的学习了JavaScript脚本语言，很多概念和用法都更加清晰明了。以下是部分知识点的整理：
1.首先就是编写JavaScript脚本的三种方式：
1）.直接在html文件中嵌入
<script>
js代码
</script>
2）.在标签中直接定义
<div onclick="javascript:alert("Hello");"></div>
3).在外部定义一个.js文件，命名为xx.js,在html文件中通过<script>标签引入
<script src="xx.js"></script>

2.巩固了变量的概念，所谓变量，就是在程序运行中可以改变的量，它是内存中的一块存储区域。
js声明一个变量：var 变量名; or 直接赋值 var 变量名=3;

3.document.write("hehe");//意为在当前文档中写入一行字符串
document.getElementById("xx");//获取id为xx的对象
document.getElementById("xx").value;//获取id为xx的对象的值

4.函数，是一个功能的封装，可以直接调用，提高了代码的重用性。基本形式为：
function 函数名（）
{
函数体;
}
顺序流程 a->b->c->d...
分支流程 if..else
循环流程 while do..while for()

5.函数的调用
1）.在标签事件中调用函数
<input type="button" onclick="xxx();"> //意为在点击button按钮的时候执行xxx()函数
<a href="javascript:xxx();"></a>

6.js中事件处理
事件源：产生事件的对象
事件：onchange (列表选择改变的时候产生的事件) onclick（单击） onmouseover（鼠标悬浮） onmouseout（鼠标移开） onKeyDown（键盘按下）...ondblclick(双击) onfoucs(获取焦点) onBlur(失去焦点)

另:onSubmit要写在<form></form>中

7.DOM编程和BOM编程
DOM编程 Document Object Model 文档对象模型
是一个使程序和脚本有能力动态地访问和更新文档的内容、结构以及样式的平台和语言中立的接口
BOM编程 Browser Object Model 浏览器对象模型
BOM定义了JavaScript可以进行操作的浏览器的各个功能部件的接口

8.浏览器对象的分层结构

9.在新窗口打开网页
window.open("http://www.baidu.com");
使用close方法关闭当前窗口 window.close();

10.history对象的方法
back() 加载History列表中的上一个URL
forward() 加载History列表中的下一个URL
go("url" or number) 加载History列表中的一个URL，或要求浏览器移动制定的页面数
back()方法相当于后退按钮
forward()方法相当于前进按钮
go(1)代表前进1页，等价于forward()方法
go(-1)代表后退1页，等价于back()方法

11.Location对象属性
host 设置或检索位置或URL的主机名和端口号
hostname 设置或检索位置或URL的主机名
href 设置或检索完整的URL字符串
方法：
assign("url") 加载URL指定的新的HTML文档
reload() 重载当前页
replace("url") 通过加载URL指定的文档来替换当前文档

12.setInerval与setTimeout的区别
setTimeout只执行一次
setInerval定时器，每隔一定时间再自动执行

13.用不同方法获取输入框input中的内容
<body>
<form name="f1" id="f">
<input name="us" type="text" id=username>
</form>
法一：document.getElementById("username");
法二：document.f1.us.value;
法三：document.forms[0].us.value;//遍历所有表单，获得第一个表单中输入框的内容
</body>

0 0