zoukankan      html  css  js  c++  java
  • JavaScript学习与示例1调用脚本、注释,声明变量,消息框(alert,confirm,prompt)

    1、当页面载入时,会执行位于 body 部分的 JavaScript。(当你把脚本放置于 body 部分后,它就会生成页面的内容。)

    2、当被调用时,位于 head 部分的 JavaScript 才会被执行。(当脚本被调用时,或者当事件被触发时,脚本就会被执行。当你把脚本放置到 head 部分后,就可以确保在需要使用脚本之前,它已经被载入了。)

    3、调用外部脚本,将 JavaScript 写入一个外部文件之中,以 .js 为后缀保存这个文件,然后把 .js 文件指定给 <script> 标签中的 "src" 属性,就可以使用这个外部文件了,如:

    <html><head>

    <script src="xxx.js">....</script>

    </head>

    <body>

    <script src="/js/example_externaljs.js"></script>

    </body>

    </html>

    注意:外部文件不能包含 <script> 标签。您可以把 .js 文件放到网站目录中通常存放脚本的子目录中,这样更容易管理和维护。

     

    把 JavaScript 放入 HTML 页面

    <html>

    <head>
    <script type="text/javascript">
    ....
    </script>

    </head>

    <body>
    <script type="text/javascript">
    document.write("Hello World!");
    </script>
    </body>


    </html>

    //<script type="text/javascript"> 和 </script> 就可以告诉浏览器 JavaScript 从何处开始,到何处结束。

    如何与老的浏览器打交道

    那些不支持 JavaScript 的浏览器会把脚本作为页面的内容来显示。为了防止这种情况发生,我们可以使用这样的 HTML 注释标签:

    <html>
    <body>
    <script type="text/javascript">
    <!--
    document.write("Hello World!");
    //-->
    </script>

    </body>
    </html>

    注释行末尾的两个正斜杠是 JavaScript 的注释符号,它会阻止 JavaScript 编译器对这一行的编译。

     

    JavaScript 注释

    单行的注释以 // 开始,

    多行注释以 /* 开头,以 */ 结尾。

    声明(创建) JavaScript 变量

    通过 var 语句来声明:JavaScript 变量:var x;

    在声明时向变量赋值:var x=5; var carname="Volvo";

    向未声明的 JavaScript 变量赋值

    如果您所赋值的变量还未进行过声明,该变量会自动声明。

    这些语句:

    x=5;
    carname="Volvo";
    

    与这些语句的效果相同:

    var x=5;
    var carname="Volvo";
    

    JavaScript Switch 语句

    switch(n)
       {
       case 1:
         执行代码块 1
         break
       case 2:
         执行代码块 2
         break
       default:
         如果n即不是1也不是2,则执行此代码
       }
    如:<script type="text/javascript">
    //You will receive a different greeting based
    //on what day it is. Note that Sunday=0,
    //Monday=1, Tuesday=2, etc.


    var d=new Date()
    theDay=d.getDay()

    switch (theDay)
       {
       case 5:
         document.write("Finally Friday")
         break
       case 6:
         document.write("Super Saturday")
         break
       case 0:
         document.write("Sleepy Sunday")
         break
       default:
         document.write("I'm looking forward to this weekend!")
    }
    </script>

     JavaScript 消息框

    可以在 JavaScript 中创建三种消息框:警告框alert("文本")、确认框confirm("文本")、提示框prompt("文本","默认值")。

    警告框:

    <html>
    <head>
    <script type="text/javascript">
    function disp_alert()
    {
    alert("我是警告框!!")
    }
    </script>
    </head>
    <body>

    <input type="button" onclick="disp_alert()" value="显示警告框" />

    </body>
    </html>

    带有折行的警告框:

    <html>
    <head>
    <script type="text/javascript">
    function disp_alert()
    {
    alert("再次向您问好!在这里,我们向您演示" + '\n' + "如何向警告框添加折行。")
    }
    </script>
    </head>
    <body>

    <input type="button" onclick="disp_alert()" value="显示警告框" />

    </body>
    </html>

    确认框:

    <html>
    <head>
    <script type="text/javascript">
    function disp_confirm()
      {
      var r=confirm("按下按钮")
      if (r==true)
        {
        document.write("您按了确认!")
        }
      else
        {
        document.write("您按了取消!")
        }
      }
    </script>
    </head>
    <body>

    <input type="button" onclick="disp_confirm()" value="显示确认框" />

    </body>
    </html>


    提示框:

    <html>
    <head>
    <script type="text/javascript">
    function disp_prompt()
      {
      var name=prompt("请输入您的名字","Bill Gates")
      if (name!=null && name!="")
        {
        document.write("你好!" + name + " 今天过得怎么样?")
        }
      }
    </script>
    </head>
    <body>

    <input type="button" onclick="disp_prompt()" value="显示提示框" />

    </body>
    </html>


     

  • 相关阅读:
    第三方登录的原理
    浅谈算法的时间复杂度和空间复杂度
    python3的全局变量和局部变量
    python3的嵌套函数
    HTTP协议学习-03
    HTTP协议学习-02
    HTTP协议学习-01
    织梦模板修改方法大全
    java常用用代码
    java学用代码
  • 原文地址:https://www.cnblogs.com/hekeboy/p/1306184.html
Copyright © 2011-2022 走看看