JavaScript入门1

作者: Android_小生 | 来源:发表于2017-09-11 15:44 被阅读66次

    JavaScript 优点

    1. 所有主流浏览器都支持 JS;
    2. 现在大部分网页都使用 JS;
    3. 它可以让网页呈现各种动态效果。

    如何写入 JS 代码?

    插入 JS 代码

    <script type="text/javascript"> 表示在 <script></script> 之间的是文本类型(text),javascript 是为了告诉浏览器里面的文本是属于 JavaScript 语言。

    引用 JS 外部文件

    除了使用 <script> 标签在 HTML 文件中添加 JavaScript 代码外,还可以把 HTML 文件和 JS 代码分开。

    引用 JS 外部文件

    JS 文件不能直接运行,需嵌入到 HTML 文件中执行。

    JS 在页面中的位置

    我们可以将 JavaScript 代码放在 html 文件中任何位置,但是我们一般放在网页的 head 或者 body 部分。

    JS 在页面中的位置

    注意,javascript 作为一种脚本语言可以放在 html 页面中任何位置,但是浏览器解释 html 时是按先后顺序的,所以前面的 script 就先被执行。比如进行页面显示初始化的 JS 必须放在 head 里面,因为初始化都要求提前进行(如给页面 body 设置 css 等);而如果是通过事件调用执行的 function 那么对位置没什么要求的。

    语句和符号

    JavaScript 语句是发给浏览器的命令。这些命令的作用是告诉浏览器要做的事情。

    一行的结束就被认定为语句的结束,通常在结尾加上一个分号";"来表示语句的结束。虽然分号“;”也可以不写,但我们要养成编程的好习惯,记得在语句末尾写上分号。

    定义变量

    var 变量名
    

    变量要先声明再赋值,如下:

    var myjs;
    myjs="javascript";
    var mynum = 6;
    

    注意,在JS中区分大小写,如变量 myjs 与 myJS 是不一样的,表示是两个变量。

    定义函数

    function 函数名()
    {
         函数代码;
    }
    

    函数定义好后,只需直接在需要的位置调用即可。

    <!DOCTYPE HTML>
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>函数调用</title>
       <script type="text/javascript">
         function contxt() //定义函数
          {
             alert("哈哈,调用函数了!");
          }
       </script>
    </head>
    <body>
       <form>
          <input type="button"  value="点击我" onclick="contxt() " />  
       </form>
    </body>
    </html>
    

    以上内容总结自慕课网-JavaScript入门篇

    相关文章

      网友评论

        本文标题:JavaScript入门1

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