zoukankan      html  css  js  c++  java
  • javaScript(2)---简单使用

    学习要点:

    1.创建一张HTML页面

    2.<Script>标签解析

    3.JS代码嵌入的一些问题

     

     

    一.创建一张HTML页面

     

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
    <title>使用JavaScript</title>
    
    </head>
    <body>
    </body>
    </html>
    

     

      

     

    二.<Script>标签解析

    <script>xxx</script>这组标签,是用于在html页面中插入js的主要方法。它主要有以下几个属性:

    1.charset:可选。表示通过src属性指定的字符集。由于大多数浏览器忽略它,所以很少有人用它。

    2.defer:可选。表示脚本可以延迟到文档完全被解析和显示之后再执行。由于大多数浏览器不支持,故很少用。

    3.language:已废弃。原来用于代码使用的脚本语言。由于大多数浏览器忽略它,所以不要用了。

    4.src:可选。表示包含要执行代码的外部文件。

    5.type:必需。可以看作是language的替代品。表示代码使用的脚本语言的内容类型。范例:type="text/javascript"

     

     

    三.JS代码嵌入的一些问题

    1.如果你想弹出一个</script>标签的字符串,那么浏览器会误解成JS代码已经结束了。

    解决的方法,就是把字符串分成两个部分,通过连接符‘+’来连接。

     

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

     

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

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

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

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

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

    1 <script type="text/javascript" src="demo1.js">alert('执行不到!')</script>

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

     

    不再需要提供注释,以前为了让不支持JavaScript浏览器能够屏蔽掉<script>内部的代码,我们习惯在代码的前后用html注释掉,现在已经不需要了。

    复制代码
    <script type="text/javascript">
    
    <!--
    
    alert('欢迎!');
    
    -->
    
    </script>
    复制代码

    平稳退化不支持JavaScript处理:<nosciprt>

    <noscript>
    
    您没有启用JavaScript
    
    </noscript>

     

  • 相关阅读:
    微信小程序、支付宝小程序、H5根据字符串生成相同的二维码
    大文件排序优化实践
    Nginx(五):http反向代理的实现
    Nginx(四):http服务器静态文件查找的实现
    关于大数据技术的一点思考
    Nginx(三):http模块的处理流程解析之正向代理
    基于Prometheus网关的监控完整实现参考
    谈谈mysql和oracle的使用感受 -- 差异
    Nginx(二): worker 进程处理流程框架解析
    退避算法实现之:客户端优雅回调
  • 原文地址:https://www.cnblogs.com/baiduligang/p/4247440.html
Copyright © 2011-2022 走看看