zoukankan      html  css  js  c++  java
  • 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请加分号

  • 相关阅读:
    redis实时同步工具redis-shake
    elasticsearch单机部署
    ogg从库进程监控
    mha安装部署
    mha自定义路径安装
    gnuplot输出柱状图
    gnuplot输出曲线图
    gnuplot命令行模式不支持中文标题的解决办法
    ogg中logdump使用自动输入执行
    JDK(java se development kit)的构成
  • 原文地址:https://www.cnblogs.com/lixiang1013/p/7563382.html
Copyright © 2011-2022 走看看