美文网首页
javaScript

javaScript

作者: coder_hong | 来源:发表于2016-09-20 10:31 被阅读7次

    实现

    • body 和 head 部分的脚本:
    <html>
    <head>
    <script type="text/javascript">
    ....
    </script>
    </head>
    
    <body>
    <script type="text/javascript">
    ....
    </script>
    </body>
    </html>
    

    使用外部的JavaScript

    • 有时,你也许希望在若干个页面中运行 JavaScript,同时不在每个页面中写相同的脚本, 为了达到这个目的,你可以将 JavaScript 写入一个外部文件之中。然后以 .js 为后缀保存这个文件。
    <html>
    <head>
    <script src="xxx.js">....</script>
    </head>
    <body>
    </body>
    </html>
    

    变量

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

    • 声明(创建) JavaScript 变量
    var x;
    var carname;
    

    在以上声明之后,变量并没有值,不过您可以在声明它们时向变量赋值

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

    注释:在为变量赋文本值时,请为该值加引号。

    • 向未声明的 JavaScript 变量赋值
    x=5;
    carname="Volvo"; 
    

    消息框

    • 警告框
    alert("文本")
    
    • 确认框
    confirm("文本")
    
    • 提示框
    prompt("文本","默认值")
    

    JavaScript函数

    • 将脚本编写为函数,就可以避免页面载入时执行该脚本
    • 函数包含着一些代码,这些代码只能被事件激活,或者在函数被调用时才会执行。
    <html>
    <head>
    <script type="text/javascript">
    function displaymessage()
    {
    alert("Hello World!")
    }
    </script>
    </head>
    
    <body>
    <form>
    <input type="button" value="Click me!" onclick="displaymessage()" >
    </form>
    </body>
    </html>
    

    假如上面的例子中的 alert("Hello world!!") 没有被写入函数,那么当页面被载入时它就会执行。现在,当用户击中按钮时,脚本才会执行。我们给按钮添加了 onClick 事件,这样按钮被点击时函数才会执行。

    • 定义函数
    // var1, var2 等指的是传入函数的变量或值。{ 和 } 定义了函数的开始和结束。
    function 函数名(var1,var2,...,varX)
      {
      代码...
      }
    
    • return语句
      • return 语句用来规定从函数返回的值。因此,需要返回某个值的函数必须使用这个 return 语句

    例子
    下面的函数会返回两个数相乘的值(a 和 b):

    function prod(a,b)
    {
        x=a*b
        return x
    }
    
    当您调用上面这个函数时,必须传入两个参数:
    
    product=prod(2,3)
    
    • JavaScript 变量的生存期
    当您在函数内声明了一个变量后,就只能在该函数中访问该变量。当退出该函数后,这个变量会被撤销。这种变量称为本地变量。您可以在不同的函数中使用名称相同的本地变量,这是因为只有声明过变量的函数能够识别其中的每个变量。
    如果您在函数之外声明了一个变量,则页面上的所有函数都可以访问该变量。这些变量的生存期从声明它们之后开始,在页面关闭时结束。
    

    相关文章

      网友评论

          本文标题:javaScript

          本文链接:https://www.haomeiwen.com/subject/eyznettx.html