javaScript笔记1

最新推荐文章于 2022-07-06 15:10:55 发布

鑫三爷

最新推荐文章于 2022-07-06 15:10:55 发布

阅读量143

点赞数

分类专栏： JavaScript

本文链接：https://blog.csdn.net/qq_31778159/article/details/79629889

版权

JavaScript 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

嵌在浏览器直接执行（html），动态语言

谷歌

跳出窗口

document.write("JavaScript大爷，你好啊！");（直接在浏览器动态写入）

第二讲：

2.1 一般写在body，head里

外部引用：

新建项目默认编码都是gbk，插入

右击myjs.js->properties改编码

2.2

标签可插入，document类“”里的是直接写在html里的

2.3

<script type="text/javascript">
 var a ;  // 定义变量a
 a=1;     // 给变量a赋值
 document.write("a="+a+"<br/>");
 a="我是字符串";
 document.write("a="+a+"<br/>");
 
 var b="你好啊";
 document.write("b="+b+"<br/>");
</script>

会覆盖，输出的+a+

2.4

赋值运算=相当于赋值，

===数据，类型都要判断

== 数据进行判断

字符串连接“+”

JavaScript 操作 DOM 节点

比较多看代码

1，JavaScript修改 DOM 节点

2，JavaScript添加 DOM 节点

3，JavaScript删除 DOM 节点

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>JavaScript操作DOM节点</title>
<script type="text/javascript">
	function modifyDOM(){
		document.getElementById("txt").innerHTML="用户名：";//font是个容器，所以用innerhtml
		document.getElementById("userName").value="Jack";//非容器用。value
	}
	
	function addDOM(){
		var para=document.createElement("p");//创造标签
		var node=document.createTextNode("...前...");//创造文本
		var para2=document.createElement("p");
		var node2=document.createTextNode("...后...");
		para.appendChild(node);//文本的节点添加到标签里去，相当于一个容器里面已经有了文本
		para2.appendChild(node2);
		var parent=document.getElementById("parent");
		var son1=document.getElementById("son1");
		parent.insertBefore(para, son1);
		parent.appendChild(para2);
		//parent.insertBefore(newChild1, refChild2);在2前面插入1，顺序输出
		//newchild是新节点，ref是在这个之后parent是父节点
	}
	
	function removeDOM(){
		var parent=document.getElementById("parent");
		var son1=document.getElementById("son1");
		parent.removeChild(son1);
	}
	
</script>
</head>
<body>
<div id="parent">
	<div id="son1">
		<font id="txt">:</font><input type="text" id="userName" name="userName"/>
	</div>
</div>
<input type="button" value="修改DOM节点" οnclick="modifyDOM()"/>
<input type="button" value="添加DOM节点" οnclick="addDOM()"/>
<input type="button" value="删除DOM节点" οnclick="removeDOM()"/>
</body>
</html>

JavaScript 修改 DOM 节点 CSS 样式

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>JavaScript修改DOM节点CSS样式</title>
<script type="text/javascript">
	function modifyDOMCSS(){
		document.getElementById("gril").style.color="red";
	}
	
</script>
</head>
<body>
<p id="gril">女程序猿</p>
<input type="button" value="修改DOM节点样式" οnclick="modifyDOMCSS()"/>
</body>
</html>

鑫三爷

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
javaScript笔记1

嵌在浏览器直接执行（html），动态语言谷歌跳出窗口 iedocument.write("JavaScript大爷，你好啊！");（直接在浏览器动态写入）第二讲：2.1 一般写在body，head里外部引用：新建项目默认编码都是gbk，插入右击myjs.js-&gt;properties改编码2.2 标签可插入，document类“”里的是直接写在html里的2.3 &lt;script ...
复制链接

扫一扫