JavaWeb自主学习--JavaScript（二），day3

最新推荐文章于 2024-08-19 15:26:06 发布

在下陈小村

最新推荐文章于 2024-08-19 15:26:06 发布

阅读量241

点赞数

分类专栏： JavaWeb 文章标签： javascript

本文链接：https://blog.csdn.net/u010686002/article/details/78850802

版权

JavaWeb 专栏收录该内容

10 篇文章 0 订阅

订阅专栏

JavaScript与html的结合方式

1.直接在html中写<script>标签

		<script>
			alert("aaaaaaaaaaaa");
		</script>

2.引入外部文件

JavaScript的5种原始类型

string（字符串类型），number（数字类型），boolean（布尔类型），null（new了一个空的对象），undefined（没有被定义的）。可以通过typeof（）方法来查看当前变量是什么类型。

JavaScript的控制语句和java的一样

JavaScript的计算要注意var i="456";i+1=4561;i-1=455; var j=ture;j+1=2; ==表示值相等，5==“5”为true ===表示值和类型都相等，5===“5”为false

联系用JavaScript编写99乘法表

		<script>
			document.write("<table border='1'>");
			for(var i=1;i<=9;i++){
				document.write("<tr>");
				for (var j=1;j<=i;j++) {
					document.write("<td>");
					document.write(i+"*"+j+"="+i*j);
					document.write("</td>");
				}
				document.write("</tr>");
			}
			document.write("</table>");
		</script>

js语法部分

js数组的3中定义方式

1.var arr=[1,2,4];

2.var arr2=new Array(5);

			var arr=new Array(3);
			arr[0]=1;
			arr[1]=2;
			arr[2]="3";

3.var arr3=new Array(1,2,"3");

js函数的定义方式

		<script>
			function test(){
				alert("aaaaaaaaaaaaaaaa");
			}
			test();
			function test1(a,b){
				alert(a+b);
			}
			test1(3,4);
		</script>

			var add=function(){
				alert("bbbbbbbbbbbb");
			}
			add();
			var add1=function(a,b){
				alert(a+b);
			}
			add1(2,3);

js的全局变量和局部变量

写在方法体内的就是局部变量，写在方法体外的就是全局变量。

js代码放置的位置

建议放到</body>后面，因为html代码的解析是从上到下的，而等html代码解析完，界面框架才可以展示了，所以之后使用到js来改变某些标签的内容才是合理的。

js的string对象和java差不多，Array对象，Date对象，Math对象，用到那个忘了再看一下。

js的全局函数

eval（）如果参数是可执行的JavaScript代码的字符串，那么可以直接执行。

encodeuri， decodeuri 编码和解码。

isNAN（）判断当前的字符串是不是数字。

js中不存在函数的重载，但是可以通过设置传入的参数为数组来达到重载的效果。

BOM

浏览器对象模型父对象window

DOM

文档对象模型父对象NODE（节点）document对象是整个文本的对象。

添加节点

	<body>
		<ul id="ulid">
			<li>111</li>
			<li>111</li>
			<li>111</li>
			<li>111</li>
		</ul>
		<input type="button" οnclick="add()" value="添加"/>
		<script type="text/javascript">
			function add(){
				var ulid=document.getElementById("ulid");
				var li=document.createElement("li");
				var text=document.createTextNode("222");
				li.appendChild(text);
				ulid.appendChild(li);
			}
			
		</script>
	</body>

要练习的东西很多，逐一联系会打破我学习的节奏，整体我把握住了，然后语法我也学的比较懂了，BOM和DOM里面的方法练习少了都会忘记，这里我就mark一下，忘了就继续来看day3和day4的视频。好了，继续学习下一篇章。