码迷,mamicode.com
首页 > 编程语言 > 详细

javascript-介绍

时间:2017-09-20 20:59:08      阅读:159      评论:0      收藏:0      [点我收藏+]

标签:input   document   var   路径   created   color   nbsp   logs   set   

一:JavaScript 是脚本语言

  JavaScript 是一种轻量级的编程语言。

  JavaScript 是可插入 HTML 页面的编程代码。

  JavaScript 插入 HTML 页面后,可由所有的现代浏览器执行。

二:JS解释器

  独立的语言,浏览器具有js解释器

三:示例

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    <input type="text" id="name">
    <input type="button" onclick="getData()" value="点我">

    <script>
        function getData(){
            var i=document.getElementById("name");
            alert(i.value);
        }
    </script>
</body>
</html>

  上面javascript交给浏览器,浏览器就解释了。

三:在HTML中使用

  1)在head头中

    

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<script>
alert(123)
</script>
</head>
<body>

</body>
</html>

  2)放在文件中,通过script引用
    <script src=‘js文件路径‘> </script>

    

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="alter1.js"></script>
</head>
<body>

</body>
</html>

  alter1.js

  

/**
 * Created by Administrator on 2017/9/20.
 */
alert(123)

  PS:

  

                <script> 不写,默认就是text/javascript
                    //javascript代码
                    alert(123);
                </script>
                
                <script type="text/javascript"> 这里不能写错,写错了就不是javascript,所以可以用默认
                    //javascript代码
                    alert(123);
                </script>

 

javascript-介绍

标签:input   document   var   路径   created   color   nbsp   logs   set   

原文地址:http://www.cnblogs.com/lixiang1013/p/7563382.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!