html使用js的变量_2、温故而知新,再学一遍JavaScript-html中如何使用JS
温故而知新,再学一遍JavaScript
html中使用JavaScript有两种方式:
- 通过中使用src属性引入外部JS文件,同时又在其内部嵌入JavaScript 代码,则嵌入的代码会被忽略。
关于”字符串
当浏览器遇到字符串""时就会认为代码块已经结束,造成解析错误。如果确实需要显示,则应使用转义符:
错误写法:
应用转义符的正确写法:
在 XHTML 文档可以使用下面这种简化的引用外部脚本的形式
经验之谈:如果你的web页面引用的外部脚本是来自你不可控的服务器,如:别人的服务器,要注意别人随时可能更改服务器脚本代码,造成你的页面出错或者嵌入恶意代码,如自动弹出广告等情况的出现。
嵌入JS代码和引用外部JS文件的应用选择:
推荐使用“引用外部文件”的形式,因为它:
- 更容易维护,程序员可以在不用理会html页面情况下,只专心维护Js独立文件即可。
- 利于复用,加快页面加载。如果多个页面使用同一个Js文件,只需要下载一次即可,其他页面直接从缓存中读取,可加快页面加载显示,更好的用户体验。
关于元素
当当前浏览器不支持脚本,或者浏览器支持脚本,但脚本被禁用时,为了让程序更友好,我们可用使用当前页面需要浏览器支持(启用)Javascript! 进行友好提示。
本节内容到此结束,下一节,一起学习一下:在hmtl页面什么位置引入JS文件或者代码块比较合理?使用户体验更好。有兴趣的朋友可用关注一下小编。
你在使用JS过程中有什么经验总结吗?欢迎在下方留言。
html使用js的变量_2、温故而知新,再学一遍JavaScript-html中如何使用JS相关推荐
- vue js 定义对象_JS标准内置对象Proxy及Vue中的proxy.js文件
昔登铜井望法华,葱茏螺黛浮蒹葭.今登法华望铜井,湖水迷茫烟色瞑.-- <登法华寺山顶> Proxy是什么 Proxy是JS标准内置对象中的一个对象.用于创建一个对象的代理.从而实现对对象操 ...
- javascript脚本中使用json2.js解析json
官方地址:https://github.com/douglascrockford/JSON-js 点击页面右下角"Download ZIP"下载 网页中引用json2.js,下面是 ...
- html使用js的变量_JS变异小技巧:使用JavaScript全局变量绕过XSS过滤器
什么是JavaScript全局变量? JavaScript全局变量在函数外部声明或使用window对象声明,它可以通过任何函数访问. 假设你的目标Web应用程序容易受到映射到JavaScript字符串 ...
- 再学一遍android:fitsSystemWindows属性
本文同步发表于我的微信公众号,扫一扫文章底部的二维码或在微信搜索 郭霖 即可关注,每个工作日都有文章更新. 对于android:fitsSystemWindows这个属性你是否感觉又熟悉又陌生呢? 熟 ...
- vue.js视频课程_在此免费课程中学习Vue.js! ✨
vue.js视频课程 by ZAYDEK 由ZAYDEK 在此免费课程中学习Vue.js! ✨ (Learn Vue.js in this free course! ?✨) 让我们做点Vueseful ...
- vue理由设置_在你的下一个Web应用中使用Vue.js的三个理由
Vue.js是那么地易上手,它在提供了大量开箱即用的功能的同时也提供了良好的性能.请继续阅读以下事例及代码片段以便更加了解Vue.js. 选择一个JavaScript框架真是太难了--因为有太多的框架 ...
- 再谈Js定义变量,你不得不踩的那些坑
前言 今天在Codewars刷题,碰到一个7kyu(这个等级,学过一点js的人,都会做)等级的题目,题目很简单: 求累加和,并对异常情况进行特殊处理.看着非常简单,事实上并不难.我的第一次代码: // ...
- 【JavaScript】JS的变量、数组、计算器案例、函数、类、常用对象的方法
目录 01-js-js的声明和引入 <!DOCTYPE html> <html><head><meta charset="UTF-8"&g ...
- js声明变量的三种方式
JS 声明变量的三种方式 (1)使用变量步骤:a.声明-->b.赋值-->3.调用 正确用法: <script type="text/javascript"> ...
最新文章
- python的用途实例-Python基础之函数原理与应用实例详解
- 八句经典座右铭必有一句适合你
- 深度学习100例-生成对抗网络(GAN)手写数字生成 | 第18天
- 技术分享丨关于 Hadoop 的那些事儿
- MemCached缓存知识知多少?
- Struts2s:select/s:select
- 计算机与人力资源管理论文,人力资源管理专业计算机能力培养模式论文
- 学习C++不要纠结了
- 神奇的机械动态图,看了一遍又一遍!最后一个真神奇~
- leetcode816. 模糊坐标
- (43)生成时钟Generated Clock简介
- 朋友借我10万并把房产证交给我,写了借条,并在借条上写明了用此房产做抵押,有效吗?
- 讨论:.NET 4各项技术的应用前景,徐汇区网站设计
- img 居中_如何解决img标签下面的小空隙(详细教程)
- myeclipse优化方案 myeclipse 10 优化
- java类构造函数调用顺序_Java中的构造函数调用顺序
- 苹果电脑如何快速用计算机,苹果电脑快捷键如何使用 Mac快捷键大全详细教程...
- 14周:设计会员登录页面
- 使用WebDriver 登录163邮箱
- TCR-seq(T细胞受体测序)