一、单引號和双引號的使用方法的问题

在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引入的一些问题的更多相关文章
	

    
								
  1. 关于oracle sql语句查询时 表名和字段名要加双引號的问题具体解释
		
      作为oracle的刚開始学习的人相信大家一定会遇到这个问题.如图:          明明就是navicat可视化创建了表,但是就是不能查到!这个为什么呢?           select *  ...
    
		
    2. 
						
  2. js 中使用el表达式 关键总结：在js中使用el表达式一定要使用双引号
		
    js 中使用el表达式 关键总结:在js中使用el表达式一定要加双引号 js控制中用到了el表达式,最开始源码如下: var selected = ${requestScope.xxxxForm.re ...
    
		
    3. 
						
  3. js中的全局变量和静态变量的使用, js 的调试?- 如果js出错, js引擎 就会停止, 这会 导致 后面的 html中 refer 该函数时, 会报错 函数为定义!!
		
    效果里面的函数, 如show, hide,slideDown等, 这些都叫 "效果"函数, 但是里面可以包含动画, 也可以 不包含动画. 动画,是指 元素 的内容 是 逐渐 显示/ ...
    
		
    4. 
						
  4. JS中的函数、Bom、DOM及JS事件
		
    本期博主给大家带来JS的函数.Bom.DOM操作,以及JS各种常用的数据类型的相关知识,同时,这也是JavaScript极其重要的部分,博主将详细介绍各种属性的用法和方法. 一.JS中的函数 [函数的 ...
    
		
    5. 
						
  5. 小tips：JS数值之间的转换，JS中最大的Number是多少？，JS == 与 === 的区别
		
    JS数值之间的转换 Number(), parseInt(),parseFloat() Number()函数的转换规则如下: 1.如果boolean值,true和false将分别被转换为1和02.如果 ...
    
		
    6. 
						
  6. Three.js 中的参数调试控制插件dat.GUI.JS - [Three.js] - [dat.GUI]
		
    不论是处于特殊功能的需要,还是处于效果调试方便,我们可能都需要修改模型中的参数值.在Three.js中,谷歌提供了一个js库,即dat.GUI.js用于处理这种需求. 通过该库,我们就不需要通过手动修 ...
    
		
    7. 
						
  7. oracle实现远程连接超简单；枚举与剪枝（）；PowerDesigner生成数据库代码注意里面的双引號，应该去掉
		
    点击開始,查看netManager,点击面板的监听程序,默认仅仅有地址1且标记着localhost.新建一个地址,输入本机IP,又一次开启监听程序就可以 △△△ * △△ = △△△△ 某3位数乘以2 ...
    
		
    8. 
						
  8. php里单引和双引的用法区别和连接符(.)
		
    " "双引号里面的字段会经过编译器解释,然后再当作HTML代码输出. ' '单引号里面的不进行解释,直接输出. 例如: $abc='my name is tome'; echo $ ...
    
		
    9. 
						
  9. python字符串中的单双引
		
    python中字符串可以(且仅可以)使用成对的单引号.双引号.三个双引号(文档字符串)包围: 'this is a book' "this is a book" "&qu ...
    
		
    10. 
		

	


随机推荐
	

    
									
  1. Java JVM：内存溢出（栈溢出，堆溢出，持久代溢出以及 nable to create native thread）
			
    转载自https://github.com/pzxwhc/MineKnowContainer/issues/25 包括:1. 栈溢出(StackOverflowError)2. 堆溢出(OutOfMe ...
    
			
    2. 
						
  2. POJ1655 Balancing Act（树的重心）
			
    树的重心即树上某结点,删除该结点后形成的森林中包含结点最多的树的结点数最少. 一个DFS就OK了.. #include<cstdio> #include<cstring> #i ...
    
			
    3. 
						
  3. 集合框架（上）：学生选课（collection）
			
    利用集合存储课程信息: 1.Course类 package com.collection; public class Course { public String id; public String  ...
    
			
    4. 
						
  4. 【转载】GCC 预处理器选项
			
    预处理器选项(Preprocessor Option) 下列选项针对C预处理器,预处理器用在正式编译以前,对C 源文件进行某种处理. 如果指定了`-E'选项, GCC只进行预处理工作.下面的某些选项必 ...
    
			
    5. 
						
  5. 个人对JAVA的SSH三大框架组合的偏见
			
    多数人JavaWeb的入门是学习SSH:struts+spring+hibernate:我在十年前(2006年)学习的,那时火的是struts1.x ,struts2还没诞生.   这三个框架组合,我 ...
    
			
    6. 
						
  6. delphi 浮点数float转换成十六进制字符串的方法（FloatToHex）
			
    重新书写了float型转为十六进制的delphi程序 Function FloatToHex(Value: single): string; var l, i: integer; HexText,te ...
    
			
    7. 
						
  7. [转]C++函数模板与模板函数
			
      1.函数模板的声明和模板函数的生成   1.1函数模板的声明 函数模板可以用来创建一个通用的函数,以支持多种不同的形参,避免重载函数的函数体重复设计.它的最大特点是把函数使用的数据类型作为参数.  ...
    
			
    8. 
						
  8. 【IntellJ IDEA】idea的Terminal窗口中文乱码 解决方法
			
    在操作git命令在windows上的idea中的terminal窗口时,总是出现中文乱码的问题 本开始以为是git乱码的问题,如果是GIt中文乱码,解决方案:https://www.cnblogs.c ...
    
			
    9. 
						
  9. 对于session序列化跟session的钝化与活化的粗浅理解
			
    1. API对序列化的解释:类通过实现 java.io.Serializable 接口以启用其序列化功能.未实现此接口的类将无法使其任何状态序列化或反序列化.可序列化类的所有子类型本身都是可序列化的. ...
    
			
    10. 
						
  10. VS快捷键说明
			
    转载:http://blog.csdn.net/tianzhaixing2013/article/details/51811608 Ctrl+E,D —-格式化全部代码 Ctrl+E,F —-格式化选 ...
    
			
    11.