html使用js的变量_2、温故而知新,再学一遍JavaScript-html中如何使用JS

温故而知新,再学一遍JavaScript

8ff88e53b155e35ee3a556c5efc2fe0e.png

html中使用JavaScript有两种方式:

  • 通过中使用src属性引入外部JS文件,同时又在其内部嵌入JavaScript 代码,则嵌入的代码会被忽略。
    a81f0d6fc88f81dbd2c26810b1322d3e.png

    关于”字符串

    当浏览器遇到字符串""时就会认为代码块已经结束,造成解析错误。如果确实需要显示,则应使用转义符:

    错误写法:

    acf450ad00e593753a285606b3ac9833.png

    应用转义符的正确写法:

    faabb00e9b7f8399829b6d6ac63c5d3a.png

    在 XHTML 文档可以使用下面这种简化的引用外部脚本的形式

    经验之谈:如果你的web页面引用的外部脚本是来自你不可控的服务器,如:别人的服务器,要注意别人随时可能更改服务器脚本代码,造成你的页面出错或者嵌入恶意代码,如自动弹出广告等情况的出现。

    嵌入JS代码和引用外部JS文件的应用选择:

    推荐使用“引用外部文件”的形式,因为它:

    • 更容易维护,程序员可以在不用理会html页面情况下,只专心维护Js独立文件即可。
    • 利于复用,加快页面加载。如果多个页面使用同一个Js文件,只需要下载一次即可,其他页面直接从缓存中读取,可加快页面加载显示,更好的用户体验。

    关于元素

    当当前浏览器不支持脚本,或者浏览器支持脚本,但脚本被禁用时,为了让程序更友好,我们可用使用当前页面需要浏览器支持(启用)Javascript! 进行友好提示。

    31232c63d0a67eb3dc177ecdd9377111.png

    本节内容到此结束,下一节,一起学习一下:在hmtl页面什么位置引入JS文件或者代码块比较合理?使用户体验更好。有兴趣的朋友可用关注一下小编。

    你在使用JS过程中有什么经验总结吗?欢迎在下方留言。

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/472557.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

修改字段类型_PostgreSQL 关于字段类型的修改 谣言与止谣

​PostgreSQL 在9.2 之前是要面临一个指责,就是在更改字段类型的时候带来的不堪,假象你有100万行的数据,其中一个字段是varchar(20) ,你想将其更改为 varhcar(30), 这可能就要造成一个灾难,熟悉postgresql 原理的人们,…

用户 'IIS APPPOOL\***' 登录失败(转载)

用户 IIS APPPOOL\DefaultAppPool 登录失败。 我在windows8中安装了iis之后添加了我做的网站打开之后提示用户 IIS APPPOOL\DefaultAppPool 登录失败。 我再vs2010中能正常运行 最佳答案 这是设置iis应用程序池的设置问题。我就遇到了这样的问题。 比如我的网站取名myweb…

完全相同的4个小矩形如图所示放置_吸睛!矩形在PPT中的创意表现

如何在PPT中表现出光效来?这是很多人在制作PPT时都可能会面临的问题,大多数人的常规做法就是在许多素材网站中直接寻找,比如在花瓣中直接搜索"光效",我们可以得到以下结果:这些光效PNG文件可以直接用在我们的…

LeetCode 1801. 积压订单中的订单总数(map)

文章目录1. 题目2. 解题1. 题目 给你一个二维整数数组 orders ,其中每个 orders[i] [pricei, amounti, orderTypei] 表示有 amounti 笔类型为 orderTypei 、价格为 pricei 的订单。 订单类型 orderTypei 可以分为两种: 0 表示这是一批采购订单 buy1 …

quantaxis 云服务器_量化金融策略开源框架:QUANTAXIS

简介: QUANTAXIS量化金融策略框架,是一个面向中小型策略团队的量化分析解决方案,是一个从数据爬取、清洗存储、分析回测、可视化、交易复盘的本地一站式解决方案。QUANTAXIS量化金融策略框架,是一个面向中小型策略团队的量化分析解决方案,是一…

linux 中文 音乐播放器,linux下的常见音乐播放器

xmms老牌的音乐播放器,模仿Windows下*的播放器Winamp,其强大的功能不输于Winamp,具有极强的可扩展性,支持mp3、ogg、wav等格式播放,添加插件后还可以播放AAC、wma等格式。缺点:没有曲库功能,不支…

listrecord根据某个属性去重_去哪网开发实战记录(9):城市选择页(中)

兄弟组件之间的联动所谓的兄弟组件之间的联动,其实就是实现点击右侧的字母就能跳转至对应的首字母城市,因此列表组件需要知道右侧的字母列表的点击事件所对应的元素字母,这就需要兄弟组件间的数据传递了(Alphabet组件与List组件之间的通信)&a…

Windows Store App 获取文件及文件夹列表

通过使用13.2.1小节给出的方法和属性,不仅可以对用户库中的文件和文件夹进行操作,还可以获取其中所有的文件或者文件夹,比如为了完整地展现整个音乐库,可以获取并列举出音乐库中所有的音乐文件,以便能够在应用程序中浏…

写接口是什么意思啊_科普贴:果汁包装上写NFC到底是什么意思?

比起水果,果汁省去了繁杂的处理步骤,选对了能更快地补充营养。今天麦德龙美厨课堂就为大家推荐METRO Chef NFC100%果汁系列,给你真材实料、原汁原味的营养美味。NFC果汁:真材实料 原汁原味如今果汁饮品市场上品类繁杂,…

LeetCode 1802. 有界数组中指定下标处的最大值(思维题)

文章目录1. 题目2. 解题1. 题目 给你三个正整数 n、index 和 maxSum 。 你需要构造一个同时满足下述所有条件的数组 nums&#xff08;下标 从 0 开始 计数&#xff09;&#xff1a; nums.length nnums[i] 是 正整数 &#xff0c;其中 0 < i < nabs(nums[i] - nums[i1]…

Linux单用户能做什么,Linux单用户模式详解 及应用场景

一、单用户模式简介二、进入单用户模式修改密码1、Centos6进入单用户修改密码1、重启系统&#xff0c;进入系统欢迎界面按上下左右键进入GRUB界面&#xff1b;2、在GRUB界面选择内核版本&#xff0c;按下e键&#xff1b;3、在此界面可以进行编辑&#xff0c;在最后输入single再…

要开始做笔记总结

今天开始写博客恩!很多知识点需要总结归纳,细细梳理! 好吧,把该掌握的知识总结!转载于:https://www.cnblogs.com/navychang/p/4215663.html

简单阻容降压电路图_升压降压芯片电路

升压与降压一般是指电源电路的工作模式&#xff0c;有些电源IC可以同时支持升压和降压模式。降压模式——Bust mode&#xff0c;这个大家比较熟悉的&#xff0c;用的也比较多&#xff0c;比如5V-》3.3V稳压&#xff0c;对应的芯片很多大家上网搜一下就有了&#xff0c;有LDO模式…

python po设计模式_Python Selenium设计模式 - PO设计模式

整理一下python selenium自动化测试实践中使用较多的po设计模式。为什么要用PO基于python selenium2开始开始ui自动化测试脚本的编写不是多么艰巨的任务。只需要定位到元素&#xff0c;执行对应元素的操作即可。下面我们看一下这个简单的脚本实现百度搜索。从上述代码来看&…

LeetCode 编辑距离 II(DP)

1. 题目 给你两个单词 s 和 t&#xff0c;请你计算出将 s 转换成 t 所使用的最少操作数。 你可以对一个单词进行如下两种操作&#xff1a; 删除一个字符替换一个字符 注意&#xff1a; 不允许插入操作 题目保证有解 示例&#xff1a; 输入&#xff1a;s "abcdefg&qu…

linux终端分辨率对应表,Linux下设置终端分辨率,最全的VGA代码和分辨率对照表...

一般安装完linux后默认的kernel给的tty分辨率是非常有限的,解决的方法就是给kernel传递VGA参数。对应的要修改的配置文件为 /etc/grub.conf,(或者 /boot/grub/grub.conf)就是在grub.conf启动列表的kernel最后添加vga参数 vgaxxxx, 这个在网上大家列出的解决方案都是大同小异&…

android文件存储位置切换

最近有个需求&#xff0c;助手的google卫星地图和OpenCycleMap下载的离线地图数据&#xff0c;要能够在内置存储和外置存储空间之间切换&#xff0c;因为离线瓦片数据非常大&#xff0c;很多户外用户希望将这些文件存储在外置TF卡上&#xff0c;不占用内置存储空间&#xff0c;…

[c]扫雷

题目描述 扫雷游戏是一款十分经典的单机小游戏。在n行m列的雷区中有一些格子含有地雷&#xff08;称之为地雷格&#xff09;&#xff0c;其他格子不含地雷&#xff08;称之为非地雷格&#xff09;。 玩家翻开一个非地雷格时&#xff0c;该格将会出现一个数字——提示周围格子中…

树莓派python gpio 模仿iic_Adafruit的树莓派教程:GPIO配置

概览树莓派最令人兴奋的特点之一是它有一个GPIO连接器可以用来接其他的硬件设备。GPIO连接器实际上是由许多不同类型的接口组成的&#xff1a;真正的GPIO(General Purpose Input Output,通用输入/输出)针脚&#xff0c;你可以用来控制LED灯的开和关。I2C(Inter&#xff0d;Inte…

netcore docker_让.NetCore程序跑在任何有docker的地方

一.分别在Windows/Mac/Centos上安装DockerWindows上下载地址&#xff1a;https://docs.docker.com/docker-for-windows/install/&#xff08;window上安装的常见问题和解决方案请参考下方步骤六&#xff09;Mac上下载地址&#xff1a;https://hub.docker.com/editions/communit…