JS中单引號/双引號以及外部js引入的一些问题
一、单引號和双引號的使用方法的问题
在JavaScript中能够使用单引號、双引號。二者也能够混合使用。
可是，身为菜鸟的我，却碰到了一些引號的使用问题。
<body>
<div style="border:1px solid red; height:150px;width:150px;" onclick="alert("test");" id="test">This is a test.
</div>
</body>
理论上，点击这个div会有弹框，可是不管你怎么点击，弹框都不出现。不信？点击查看演示。左思右想，代码都没有问题。可是改动了一个小地方，弹框就出来了
<body>
<div style="border:1px solid red; height:150px;width:150px;" onclick="alert('test');" id="test">This is a test.
</div>
</body>
点击查看演示，我认为非常奇怪，于是又改了一个小地方，弹框又没了
<body>
<div style="border:1px solid red; height:150px;width:150px;" onclick='alert('test')' id="test">This is a test.
</div>
</body>
点击查看演示，我有点晕头转向。为了更明确一点。一个小地方的改动，弹框有出现了
<body>
<div style="border:1px solid red; height:150px;width:150px;" onclick='alert("test")' id="test">This is a test.
</div>
</body>
PS：能够把代码放到编辑器中，查看改动的小地方的字体颜色变化！。！
二、在<head>引入外部js的问题
在一般的项目中，js、css和HTML都是分开的，通常是通过在<head>中通过相应元素的src属性引入。我在<head>中引入外部的test.js文件。
HTML：
<pre name="code" class="javascript"><body>
<div style="border:1px solid blue; height:150px;width:150px;" onclick="test();" id="test">This is a test.
</div>
</body>
test.js
window.onload=function()
{
<pre name="code" class="javascript">function test()
{
alert("test");
}
}
点击div没有弹窗，效果演示
改动后test.js文件
function test()
{
alert("test");
}
弹窗出现，效果演示,也能够去掉div的onclick属性，在js中加入，改动例如以下：
HTML：
<body>
<div style="border:1px solid blue; height:150px;width:150px;" id="test">This is a test.
</div>
</body>
改动的test.js
window.onload=function()
{
var test = document.getElementById("test");
test.onclick = function()
{
alert("test");
}
}
JS中单引號/双引號以及外部js引入的一些问题的更多相关文章
- 关于oracle sql语句查询时 表名和字段名要加双引號的问题具体解释
作为oracle的刚開始学习的人相信大家一定会遇到这个问题.如图: 明明就是navicat可视化创建了表,但是就是不能查到!这个为什么呢? select * ...
- js 中使用el表达式 关键总结：在js中使用el表达式一定要使用双引号
js 中使用el表达式 关键总结:在js中使用el表达式一定要加双引号 js控制中用到了el表达式,最开始源码如下: var selected = ${requestScope.xxxxForm.re ...
- js中的全局变量和静态变量的使用, js 的调试?- 如果js出错, js引擎 就会停止, 这会 导致 后面的 html中 refer 该函数时, 会报错 函数为定义!!
效果里面的函数, 如show, hide,slideDown等, 这些都叫 "效果"函数, 但是里面可以包含动画, 也可以 不包含动画. 动画,是指 元素 的内容 是 逐渐 显示/ ...
- JS中的函数、Bom、DOM及JS事件
本期博主给大家带来JS的函数.Bom.DOM操作,以及JS各种常用的数据类型的相关知识,同时,这也是JavaScript极其重要的部分,博主将详细介绍各种属性的用法和方法. 一.JS中的函数 [函数的 ...
- 小tips：JS数值之间的转换，JS中最大的Number是多少？，JS == 与 === 的区别
JS数值之间的转换 Number(), parseInt(),parseFloat() Number()函数的转换规则如下: 1.如果boolean值,true和false将分别被转换为1和02.如果 ...
- Three.js 中的参数调试控制插件dat.GUI.JS - [Three.js] - [dat.GUI]
不论是处于特殊功能的需要,还是处于效果调试方便,我们可能都需要修改模型中的参数值.在Three.js中,谷歌提供了一个js库,即dat.GUI.js用于处理这种需求. 通过该库,我们就不需要通过手动修 ...
- oracle实现远程连接超简单；枚举与剪枝（）；PowerDesigner生成数据库代码注意里面的双引號，应该去掉
点击開始,查看netManager,点击面板的监听程序,默认仅仅有地址1且标记着localhost.新建一个地址,输入本机IP,又一次开启监听程序就可以 △△△ * △△ = △△△△ 某3位数乘以2 ...
- php里单引和双引的用法区别和连接符(.)
" "双引号里面的字段会经过编译器解释,然后再当作HTML代码输出. ' '单引号里面的不进行解释,直接输出. 例如: $abc='my name is tome'; echo $ ...
- python字符串中的单双引
python中字符串可以(且仅可以)使用成对的单引号.双引号.三个双引号(文档字符串)包围: 'this is a book' "this is a book" "&qu ...
随机推荐
- 五. 面向对象高级特性6. Java 泛型
我们知道,使用变量之前要定义,定义一个变量时必须要指明它的数据类型,什么样的数据类型赋给什么样的值. 假如我们现在要定义一个类来表示坐标,要求坐标的数据类型可以是整数.小数和字符串,例如: x = 1 ...
- SQL Server 2017 EXPRESS 安装 SQLCMD 设置远程连接
1.配置管理器内启动TCP/IP协议(端口改为1433)以及加入防火墙允许 2.进入本地实例: cmd Microsoft Windows [版本 ] (c) Microsoft Corporatio ...
- ServicePointManager.ServerCertificateValidationCallback 冲突的解决
ServicePointManager是用于创建. 维护和删除的实例的静态类ServicePoint类. 当应用程序请求对 Internet 资源统一资源标识符 (URI) 的连接通过ServiceP ...
- 批处理学习：for语句详解
大纲 一 前言 二 for语句的基本用法 三 for /f (delims.tokens.skip.eol.userbackq.变量延迟) 四 for /r (递归遍历) 五 for /d (遍历目录 ...
- Android使用TextView，设置onClick属性无效解决的方法
Android在布局文件里为View提供了onClick属性.用法例如以下: <TextView android:id="@+id/user" android:layout_ ...
- C++003基础
1.C++对C的扩展 1简单的C++程序 1.1求圆的周长和面积 数据描写叙述: 半径.周长,面积均用实型数表示 数据处理: 输入半径 r. 计算周长 = 2*π*r : 计算面积 = π* r2 . ...
- C++11之右值引用（一）：从左值右值到右值引用
C++98中规定了左值和右值的概念,但是一般程序员不需要理解的过于深入,因为对于C++98,左值和右值的划分一般用处不大,但是到了C++11,它的重要性开始显现出来. C++98标准明确规定: 左值是 ...
- Nginx:访问第三方服务
参考资料<深入理解Nginx> Nginx可以当做一个强大的反向代理服务器,其反向代理模块是基于upstream方式实现的. upstream的使用方式 HTTP模块在处理任何一个请求时都 ...
- STL学习笔记（关联式容器）
Set和Multisets set和multiset会根据特定的排序准则,自动将元素排序.两者不同在于multisets允许元素重复而set不允许. 1.set和multiset的操作函数 生成.复制 ...
- 【BIEE】10_资料库查看数据报错
导入元数据后,在资料库右键物理表名,[查看数据]报错: 出现这个问题,没搞明白是为啥- 后来百度意外发现一个方法,修改NQSConfig.INI文件即可解决问题 那么就开始来搞定这个问题 [1]打开路 ...