首页 > 代码库 > JS 输出与变量

JS 输出与变量

2024-08-15 07:52:57   220人阅读

1. JS的输出

innerHTML:

<!DOCTYPE html><html><head><meta charset="utf-8"> </head><body><h1>我的第一个 Web 页面</h1><p id="demo">我的第一个段落</p><script>document.getElementById("demo").innerHTML = "段落已修改。";</script></body></html>


document.write()：

　　在页面载入之后，使用 document.write 后，输出的内容将覆盖原内容。

<!DOCTYPE html><html><head><meta charset="utf-8"> </head><body><h1>我的第一个 Web 页面</h1><p>我的第一个段落。</p><script>document.write(Date());</script></body></html>


　　写到控制台的例子在前一篇已经用过了。

 

2. JS变量

　　用 内嵌JS的 html + Chrome F12 控制台的模式，调试JS语法。

<!DOCTYPE html><html><head><meta charset="utf-8"> </head><body><h1>我的第一个 Web 页面</h1><p>我的第一个段落。</p><script>c = 20;var d = 25;var myArray = [1, 2, 3, 4, 5];var myObject = {id:1, name:"Hello World"};function myPlus(a, b){    return a + b;}console.log(myPlus(c,d));       //输出 45console.log(myArray[0]);        //输出 1console.log(myArray[1]);        //输出 2console.log(myObject.id);       //输出 1console.log(myObject.name);     //输出 Hello World</script></body></html>

　　刚好最近在用 lua，上面这个例子可以看出：

  • 弱类型；
  • 变量声明时即赋值，var 可省略；
  • array 与 table 的构成方式与 lua 相同；
  • JS的数组索引从0开始，而不是lua从1开始；

 

3. JS流程控制：

break用于跳出循环。
catch语句块，在 try 语句块执行出错时执行 catch 语句块。
continue跳过循环中的一个迭代。
do ... while执行一个语句块，在条件语句为 true 时继续执行该语句块。
for在条件语句为 true 时，可以将代码块执行指定的次数。
for ... in用于遍历数组或者对象的属性（对数组或者对象的属性进行循环操作）。
function定义一个函数
if ... else用于基于不同的条件来执行不同的动作。
return退出函数
switch用于基于不同的条件来执行不同的动作。
throw抛出（生成）错误 。
try实现错误处理，与 catch 一同使用。
var声明一个变量。
while当条件语句为 true 时，执行语句块。


　　测试下 switch:

function myCalculator(calc, a, b){    switch(calc)    {        case "plus":            return a + b;        case "minus":            return a - b;        default:            return 0;    }}console.log(myCalculator("minus", 100,19));

　　可以看出在流程控制上 JS 的语法与 C/C++ 的写法几乎相同。

 

　　再来测试一下 for、for in。

var myArray = [1, 2, 3, 4, 5];var myObject = {id:1, name:"Hello World"};function looplog(paramArray, paramObject){    for(k in paramArray)    {        console.log(k);        //输出 0-4，可见k是索引    }        for(k in paramArray)        {        console.log(paramArray[k]);    }        for(k in paramObject)    {        console.log(k);        //输出 id、name，k仍是索引    }        for(k in paramObject)    {        console.log(paramObject[k]);    }        for(var i = 0; i < paramArray.length; i++)    {        console.log(paramArray[i]);    }}looplog(myArray, myObject);

 

JS 输出与变量


联系
我们