css-实现图标在输入框中显示

一：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)

　　注意1：

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

　　注意2：

　　JS可以调用外部JS，但是先显示了JS，如果JS没有响应，P中1122看不到，除非JS响应结束，这样就会造成体验不好。所以一般使用把JS放在body里面最后面，先加载内容。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>

    <script src="http://www.were.com/js.js"></script>
</head>
<body>
<p>1122</p>
</body>
</html>

四：JS注释　　

　　注释
　　当行注释 //
　　多行注释 /* */

五：JS加分号

　　JS不加分号也可以运行，但是JS可以放在文件中，在生产环境中经常会把JS放在一行中，以节约空间。所以写JS请加分号