zoukankan      html  css  js  c++  java
  • JavaScript在网页中使用以及注意事项

    <script>标签的解析
    <script>xxx</script>这组标签,是用于在 html 页面中插入 js 的主要方法。它主要有以下几个属性:
    charset:可选。表示通过 src 属性指定的字符集。被大多数浏览器忽略,很少有人用。
    defer:可选。表示脚本可以延迟到文档完全被解析和显示之后再执行。大多数浏览器不支持,很少用。可以将 JS代码放在html内容的后面,这样可实现延时加载
    language:已废弃。原来用于代码使用的脚本语言。被大多数浏览器忽略,不能用。
    src:可选。表示包含要执行代码的外部文件。
    type:必需。可以看作是 language 的替代品。表示代码使用的脚本语言的内容类型。范例:type="text/javascript"。

    js代码在网页中的应用方式

    直接在网页中使用

    <script type="text/javascript">
      alert(new Date())
    </script>

    引入方式
    将js文件放置在一个单独的文件中,引入(开发使用这种方式)

    <script type="text/javascript" src="demo.js"></script>

    将js程序代码作为属性值

    <body>
      <a href="javascript:alert(new Date())">abc</a>
      <!--当点击abc这个文本链接时,浏览器会执行JavaScript后面的代码-->
    </body>

    作为事件属性来执行js代码

    <body>
      <input type="button" value="abc" onclick="alert(new Date())">
    </body>

    JS代码嵌入的一些问题

    如果你想弹出一个</script>标签的字符串,那么浏览器会误解成 JS 代码已经结束了。解决的方法,就是把字符串分成两个部分,通过连接符'+'来连接。

    <script type="text/javascript">
      alert('</scr'+'ipt>')
    </script>

    一般来说,JS 代码越来越庞大的时候,我们最好把他另存为一个.js 文件,通过 src引入即可。具有维护性高、可缓存(加载一次,无需加载)、方便未来扩展的特点。

    <script type="text/javascript" src="demo.js"></script>

    这样标签内就没有任何 JS 代码了。但,要注意的是,虽然没有任何代码,也不能用单标签

    <script type="text/javascript" src="demo.js" />

    也不能在里面添加任何代码

    <script type="text/javascript" src="demo.js">
      alert('</scr'+'ipt>')
    </script>

    按照常规,我们会把<script>标签存放到<head>...</head>之间。但有时也会放在 body 之间。

    当浏览器不支持js或者被禁用掉js的话 ,在body加上下面这句

    <noscript>
      您没有启动JavaScript
    </noscript>
  • 相关阅读:
    Kali 2020.3安装docker和vulhub
    Web渗透——身份管理测试
    Web渗透——配置管理测试
    网站信息收集
    linux修改MAC的方法
    '文件上传总结'
    美杜莎和九头蛇的对比
    渗透测试常见开放端口及利用
    Google hacking 语法
    web渗透测试基本步骤
  • 原文地址:https://www.cnblogs.com/LO-ME/p/9629451.html
Copyright © 2011-2022 走看看