Hello World

按行业惯例，学习编程编写的第一个程序就是Hello World，这意味着一个新的javascript程序员诞生了，本程序将在界面上显示一串Hello World的文字。

JavaScript 输出

  • 页面弹出：alert("hello world!")
  • 控制台输出：console("Hello World")

*注意1：要打印的内容用 “” 括起来

*注意2：JS代码大小写敏感

JavaScript 对事件作出反应

  • onclick
<button type="button" onclick="alert('Hello World!')">点击这里</button>

JavaScript 改变HTML元素

  • JS代码改变HTML内容： document.getElementById("xxx").innerHtml = "hello world!";

  • JS代码改变HTML样式：document.getElementById("xxx").style

  • <body>
    <p id="p1"></p>

    <script type="text/javascript">
        document.getElementById("p1").innerHTML = "hello world";
        document.getElementById("p1").style.color = "red";
    </script>
</body>

  • JS获得<input>元素的value值

  •  <body>  
     <form name="myform">  
        <input type="text" name="name" id="nn" />  
     </form> 

     <script language="javascript">  
           alert(document.getElementById("nn").value);
     </script>   
 </body>

JavaScript 注释

JavaScript不会执行注释，我们可以也添加注释来对JavaScript代码进行解释，作为提示笔记，提高代码的可读性。

  • 单行注释 用： //
  • 多行注释 用：/* */
/*
下面的这个代
码会输出一个
标题。*/

//下面的这个代码会输出一个标题。

document.getElementById("myH1").innerHTML = "Welcome to Huo Xin Shi Dai"；
//document.getElementById("myH1").innerHTML = "Welcome to Huo Xin Shi Dai"；


/*
document.getElementById("myH1").innerHTML = "Welcome to Huo Xin Shi Dai"；
document.getElementById("myH1").innerHTML = "Welcome to Huo Xin Shi Dai"；
*/

JavaScript 随机数

用Math.random()返回0和1之间的伪随机数，可能为0，但总是小于1，即：[0，1）

alert(Math.random());

results matching ""

    No results matching ""