JavaScript初探(一)

JavaScrip是一种动态类型直译脚本语言,内置支持类型,其解释器被称为JavaScript引擎,内置于所有浏览器中;


HTML中嵌入JS的意义在于:

实现如切换的字、滚动条等动态效果等

相应浏览器事件,自适应窗口变大变小等

验证表单输入,常见如两次密码输入是否一致,输入时间是否小于当前日期

两种引用script的方式

<html>
<head>
<!--内部嵌入方式-->
<script>
function hello()
{
	document.getElementById("message").innerHTML = "Hello world of JS:";
}
</script>
<!--外部引用方式-->
<script src="myjs.js"></script>
</head>

<body>
<div id="message"> </div>
<button type="button" onclick="hello();"> Try it </button>
</body>
</html>


基本语法:

--语句

区分大小写,语句以;结尾,用{}表示作用域,用/* */进行注释

--变量及数据类型

js采用动态数据类型,变量的类型随着值得变化而变化,变量用关键字var进行声明

	var arr = new arry()
	var obj = {language="english",title="python programming"}
	obj["language"] = "xxx"
	obj.language = "xxx"

--操作符

+ - * / % == >= <= ++ --

--函数

	function functionname(parm1,..parmn)
	{
	block of function code
	//Return xxx
	}
--判断语句

	if (condition1)
	{
		block;
	}
	else if(condition2)
	{
		block;
	}
	else
	{
	}


	switch(expression)
	{
	case value 1:
		block;
		break;
	case value n:
		block;
		break;
	}
--循环语句

	for (var i=0;i<100;i++)
	{
		document.write("<br>");
	}
	for (x in array)
	{
		block of loop;
	}
	while(expression)
	{
		block of loop;
	}
	do
	{
		block of loop;
	}while(expression)

DOM及其读写:

DOM是当网页被加载时浏览器创建的页面文档对象模型document object model, DOM用结构化的方式描述了标记语言的文件内容,JavaScript中几乎所有有意义的行为都是围绕DOM展开的,HTML DOM被构建为树结构,通过操作DOM树结构,js可以增、删、改、查HTML标记的元素、内容、属性、样式等,同时DOM提供了一系列支持 JavaScript 遍历和修改DOM的方法


--查找节点

get.ElementById(id) 返回拥有指定id的第一个应用对象

getElementsByName(name) 返回带有指定名称的对象集合

getElementsByTagName(tagName) 返回带有指定标签名的对象集合

obj.childNodes 获得子节点的节点列表

obj.firstChild 获得节点的第一个子节点

obj.lastChild 获得节点的最后一个子节点

obj.nextSibling 获得节点之后的第一个兄弟节点

obj.parentNode 获得节点的父及诶单

obj.previousSibling 获得节点之前的第一个兄弟节点

--增加节点

document.createElement()

obj.appendChild()

obj.insertBefore()

obj.replaceChild()

--删除节点

obj.removeChild()

--修改属性节点<div id="container">

obj.getAttribute("class)

obj.setAttribute("class","normal")

--访问及修改节点的内容

oldcontent = obj.innerHTML

obj.innerHTML = "xxx"



阅读更多
版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/xpxiaopengxp/article/details/54688691
文章标签: javascript
想对作者说点什么? 我来说一句

没有更多推荐了,返回首页

关闭
关闭
关闭