JS基础之在HTML中使用JS

ゝ一世哀愁。 2021-07-25 11:41 397阅读 0赞

# 1. 在html中的用法 #

## 1. 标签script常用属性 : ##

1. async : 立即下载脚本，但不妨碍其他执行，与defer不同的是，他不会按照顺序执行；
        2. defer ： 立即下载脚本，但不妨碍其他执行，按顺序执行；
        3. charset : 通过src属性指定的代码的字符集 ，少用；
        4. language ： 已废弃
        5. src  
        6. type

## 2. 执行顺序 ：依次执行，一般放到文档后面位置 ##

## 3. 注意事项 ##

不要再代码中写入</script>，会被认为是结束标签，可能会报错，通过转义符解决

# 2. 在XHTML中的用法 #

在XHTML中，有些特殊规则，比如 a < b 中小于号会被当做另外一个新开始的新标签解析，后面可能会导致语法错误
    解决办法 ：
        1. 使用  *<*代替小于号；
                缺点：代码不好解析
        2. 使用CData ；
            <script>
                //<![CDATA[     //如果浏览器不兼容XHTML，注释掉
                    ...
                //]]>                 //如果浏览器不兼容XHTML，注释掉
            </script>  
        注：将页面的MIME类型指定为"application/xhtml+xml"的情况下会触发XHTML模式。（部分浏览器不兼容）

# 3.元素 #

当出现以下情况的时候，该标签才可以显现
               1. 浏览器不支持脚本
               2. 浏览器支持脚本，但脚本被禁用

<body>
                     <noscript>
                           <p> 本页面需要浏览器支持 ( 启用 )JavaScript </p>
                     </noscript>
               </body>

发表评论取消回复

表情：

评论列表（有 0 条评论，397人围观）

还没有评论，来说两句吧...

相关阅读

相关 html+css+js+vue 基础

HTML ![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV

灰太狼/ 2023年07月17日 06:21/ 0 赞/ 13 阅读

相关 js之websocket在vue项目中使用

websocket的大致作用：对于前端工程师来说，一般是前端通过触发事件，主动发起请求来获取后台数据。但是特定情况下，需要后端服务器主动推送数据到前端。这时候普通的a

素颜马尾好姑娘i/ 2022年10月23日 11:20/ 0 赞/ 226 阅读

相关 JS_html2Canvas基础使用

先将html转成canvas，再生成图片官网地址：[http://html2canvas.hertzen.com/][http_html2canvas.hertzen.c

柔情只为你懂/ 2022年10月08日 12:25/ 0 赞/ 266 阅读

相关 html+css+js基础学习

首先我们先从最基本的前端知识入手html+css+JavaScript 很多人喜欢一上来，就从书本开始啃，例如JavaScript书随便一本那么厚，等你啃完了，

谁借莪１个温暖的怀抱￠/ 2022年09月25日 04:16/ 0 赞/ 186 阅读

相关 mock.js 在html中使用demo示例代码

mock.js 在html中使用demo示例代码 <!DOCTYPE html> <html lang="en"> <head> <m

本是古典何须时尚/ 2022年05月12日 01:26/ 0 赞/ 192 阅读

相关 JS基础之原型

对象的声明 var a = { }; //方法一 var b = new Object(); //方法二以上两种方式没有任何区别，但是a ==

r囧r小猫/ 2022年01月30日 15:29/ 0 赞/ 232 阅读

相关 JS_高程2.在HTML中使用Javascript（2）

1.延迟脚本defer 　　在<script>元素中设置defer属性，相当于告诉浏览器立即下载，但是延迟执行。<script>中的脚本会延迟到浏览器遇到</html>标签后

朱雀/ 2021年12月21日 14:19/ 0 赞/ 203 阅读

相关 JS学习之道：如何使用js在页面中绘制表格

1.先写一个<table>，中间放入<tbody>，但是<tbogy>什么也不加 [![如何使用js在页面中绘制表格][js]][js_js] 2.在js中写入方法

我会带着你远行/ 2021年09月07日 21:54/ 0 赞/ 650 阅读

相关 JS基础之在HTML中使用JS

1. 在html中的用法 1. 标签script常用属性 : 1. async : 立即下载脚本，但不妨碍其他执行，与defer不同的是，他不会按照顺序执行

ゝ一世哀愁。/ 2021年07月25日 11:41/ 0 赞/ 398 阅读

相关如何在html中调用JS文件

一、JavaScript脚本语言的特性 JavaScript脚本语言是一种面向浏览器的网页脚本编程语言。脚本语言有以下几个特性： 1、在客户端执行。完全在用户的计算机上运...

小灰灰/ 2021年01月27日 16:06/ 0 赞/ 835 阅读