JavaScript更新日志(1)

谁践踏了优雅 2022-06-03 06:26 70阅读 0赞

**js与HTML的结合**

<!DOCTYPE html>

<html>  
<head>  
<meta charset="UTF-8">  
<title>Insert title here</title>  
</head>  
<body>  
  
   
 <script type="text/javascript" src="demo.js">  
 // 引入js文件，内部不在写其他代码  
 </script>  
   
 <span id="spanId">这是span的区域</span>  
   
   
</body>  
 <script type="text/javascript">  
 //推荐放在</body>后面  
  //js的代码  
  //alert()弹出一个提示框，提示框的内容hello     
  //window.alert("hello");  
  alert(document.getElementById("spanId").innerHTML)  
 </script>

</html>

**js语句**

<!DOCTYPE html>  
<html>  
<head>  
<meta charset="UTF-8">  
<title>Insert title here</title>  
</head>  
<body>  
<script type="text/javascript">  
/\*  
js的语句  
判断语句  
if()\{  
  
\}else if()\{  
  
\}else\{  
  
\}  
循环语句  
java：  
for(int i = 0;i<3;i++)\{  
内容  
\}  
js：  
for(var i = 0;i<3;i++)\{  
内容  
\}  
向页面输出文本的内容  
document.write("文本内容");  
文本的内容可以是HTML的代码  
  
while(true)\{  
alert("谈吧");  
\}  
  
switch (key) \{  
case value:  
  
break;  
  
  
default:  
break;  
\}  
  
编写99乘法表  
把内容输出到页面上，边上表格  
  
\*/  
  
var(num = 4);  
if(5 == num)\{//把常量放前面  
alert("abc");  
\}else\{  
alert("ab2c");  
\}  
for(var i = 0;i < 3;i++)\{  
//alert("谈呗");  
window.document.write("i = " + i + "<br/>");  
\}  
  
</script>  
</body>  
</html>

**js数组**

<!DOCTYPE html>  
<html>  
<head>  
<meta charset="UTF-8">  
<title>Insert title here</title>  
</head>  
<body>  
  
  
</body>  
<script type="text/javascript">  
/\*  
js的数组  
java 中 String\[\] str = \{\};  
声明数组  
var arr = \[12,34,55\];  
var arr = new Array(5); 声明数组，长度是5  
var arr = new Array(2,3,4);声明数组，元素是2 3 4   
  
数组的属性  
长度： length  
数组的长度是可变的  
  
\*/  
  
//声明的数组，中间有三个元素  
var arr = \[12,34,44\];  
//alert(arr.length);  
//document.write(arr);  
document.write(arr + "<br/>");  
arr\[3\] = "abc";  
arr\[4\] = 99;  
document.write(arr);  
  
</script>  
</html>