JavaScript初探（一）

最新推荐文章于 2023-08-20 11:06:32 发布

小盆_er

最新推荐文章于 2023-08-20 11:06:32 发布

阅读量196

点赞数

文章标签： javascript

本文链接：https://blog.csdn.net/xpxiaopengxp/article/details/54688691

版权

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" οnclick="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"

小盆_er

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JavaScript初探（一）

JavaScrip是一种动态类型直译脚本语言，内置支持类型，其解释器被称为JavaScript引擎，内置于所有浏览器中；HTML中嵌入JS的意义在于：实现如切换的字、滚动条等动态效果等相应浏览器事件，自适应窗口变大变小等验证表单输入，常见如两次密码输入是否一致，输入时间是否小于当前日期两种引用script的方式function hello(){
复制链接

扫一扫