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

在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. js 中使用el表达式 关键总结:在js中使用el表达式一定要使用双引号

    js 中使用el表达式 关键总结:在js中使用el表达式一定要加双引号 js控制中用到了el表达式,最开始源码如下: var selected = ${requestScope.xxxxForm.re ...

  3. js中的全局变量和静态变量的使用, js 的调试?- 如果js出错, js引擎 就会停止, 这会 导致 后面的 html中 refer 该函数时, 会报错 函数为定义!!

    效果里面的函数, 如show, hide,slideDown等, 这些都叫 "效果"函数, 但是里面可以包含动画, 也可以 不包含动画. 动画,是指 元素 的内容 是 逐渐 显示/ ...

  4. JS中的函数、Bom、DOM及JS事件

    本期博主给大家带来JS的函数.Bom.DOM操作,以及JS各种常用的数据类型的相关知识,同时,这也是JavaScript极其重要的部分,博主将详细介绍各种属性的用法和方法. 一.JS中的函数 [函数的 ...

  5. 小tips:JS数值之间的转换,JS中最大的Number是多少?,JS == 与 === 的区别

    JS数值之间的转换 Number(), parseInt(),parseFloat() Number()函数的转换规则如下: 1.如果boolean值,true和false将分别被转换为1和02.如果 ...

  6. Three.js 中的参数调试控制插件dat.GUI.JS - [Three.js] - [dat.GUI]

    不论是处于特殊功能的需要,还是处于效果调试方便,我们可能都需要修改模型中的参数值.在Three.js中,谷歌提供了一个js库,即dat.GUI.js用于处理这种需求. 通过该库,我们就不需要通过手动修 ...

  7. oracle实现远程连接超简单;枚举与剪枝();PowerDesigner生成数据库代码注意里面的双引號,应该去掉

    点击開始,查看netManager,点击面板的监听程序,默认仅仅有地址1且标记着localhost.新建一个地址,输入本机IP,又一次开启监听程序就可以 △△△ * △△ = △△△△ 某3位数乘以2 ...

  8. php里单引和双引的用法区别和连接符(.)

    " "双引号里面的字段会经过编译器解释,然后再当作HTML代码输出. ' '单引号里面的不进行解释,直接输出. 例如: $abc='my name is tome'; echo $ ...

  9. python字符串中的单双引

    python中字符串可以(且仅可以)使用成对的单引号.双引号.三个双引号(文档字符串)包围: 'this is a book' "this is a book" "&qu ...

随机推荐

  1. Guess Number Higher or Lower -- LeetCode

    We are playing the Guess Game. The game is as follows: I pick a number from 1 to n. You have to gues ...

  2. POJ 2836 Rectangular Covering(状压DP)

    [题目链接] http://poj.org/problem?id=2836 [题目大意] 给出二维平面的一些点,现在用一些非零矩阵把它们都包起来, 要求这些矩阵的面积和最小,求这个面积和 [题解] 我 ...

  3. (转)Unity3D协同程序(Coroutine)

    一.什么是协同程序 协同程序,即在主程序运行时同时开启另一段逻辑处理,来协同当前程序的执行.换句话说,开启协同程序就是开启一个线程. 二.协同程序的开启与终止 在Unity3D中,使用MonoBeha ...

  4. 初学Django:创建第一个项目+使用模板

    1. 创建一个项目 之前在Anaconda 3里面用命令行安装了Django之后,有了可用的管理工具django-admin.py (1)用django.admin.py来创建一个项目Hellowor ...

  5. Redis(二)linux下redis安装

    上篇讲解了redis在windows下的安装,接下来看看在linux下如何安装redis(纯菜鸟入门级别)? (1)redis的下载及编译 这里,首先进入存放文件目录(我的云服务器的是:cd /jel ...

  6. Linux守护进程的启动方法(转)

    作者: 阮一峰 日期: 2016年2月28日 "守护进程"(daemon)就是一直在后台运行的进程(daemon). 本文介绍如何将一个 Web 应用,启动为守护进程. 一.问题的 ...

  7. sql server 性能调优 资源等待之内存瓶颈的三种等待类型

    原文:sql server 性能调优 资源等待之内存瓶颈的三种等待类型 一.概述 这篇介绍Stolen内存相关的主要三种等待类型以及对应的waittype编号,CMEMTHREAD(0x00B9),S ...

  8. sqlserver 巧用REVERSE和SUBSTRING实现lastindexof

    原文:sqlserver 巧用REVERSE和SUBSTRING实现lastindexof select REVERSE(SUBSTRING(REVERSE(testFixtureNumber),0, ...

  9. Xcode 5 单元测试(二)OCMock和GHUnit

    在Xcode 5 单元测试(一)使用XCTest进行单元测试中说了如何在Xcode 5中使用XCTest进行简单的单元测试,本文就来探讨下mock测试和更高级的工具GHUnit. Mock 首先科普下 ...

  10. JavaScript indexOf() 方法,获取元素的位置;Object.keys()获取对象的所有key的数组

    定义和用法 indexOf() 方法可返回某个指定的字符串值在字符串中首次出现的位置. 语法 stringObject.indexOf(searchvalue,fromindex) 参数 描述 sea ...