javaScript(2)---简单使用
学习要点：
1.创建一张HTML页面
2.<Script>标签解析
3.JS代码嵌入的一些问题
一.创建一张HTML页面
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>使用JavaScript</title> </head>
<body>
</body>
</html>
二.<Script>标签解析
<script>xxx</script>这组标签，是用于在html页面中插入js的主要方法。它主要有以下几个属性：
1.charset：可选。表示通过src属性指定的字符集。由于大多数浏览器忽略它，所以很少有人用它。
2.defer：可选。表示脚本可以延迟到文档完全被解析和显示之后再执行。由于大多数浏览器不支持，故很少用。
3.language：已废弃。原来用于代码使用的脚本语言。由于大多数浏览器忽略它，所以不要用了。
4.src：可选。表示包含要执行代码的外部文件。
5.type：必需。可以看作是language的替代品。表示代码使用的脚本语言的内容类型。范例：type="text/javascript"。
三.JS代码嵌入的一些问题
1.如果你想弹出一个</script>标签的字符串，那么浏览器会误解成JS代码已经结束了。
解决的方法，就是把字符串分成两个部分，通过连接符‘+’来连接。
<script type="text/javascript">
alert('</scr'+'ipt>');
</script>
2.一般来说，JS代码越来越庞大的时候，我们最好把他另存为一个.js文件，通过src引入即可。它还具有维护性高、可缓存(加载一次，无需加载)、方便未来扩展的特点。
1 <script type="text/javascript" src="demo1.js"></script>
这样标签内就没有任何JS代码了。但，要注意的是，虽然没有任何代码，也不能用单标签：
1 <script type="text/javascript" src="demo1.js" />；
也不能在里面添加任何代码：
1 <script type="text/javascript" src="demo1.js">alert('执行不到！')</script>
按照常规，我们会把<script>标签存放到<head>...</head>之间。但有时也会放在body之间。
不再需要提供注释，以前为了让不支持JavaScript浏览器能够屏蔽掉<script>内部的代码，我们习惯在代码的前后用html注释掉，现在已经不需要了。
<script type="text/javascript">
<!--
alert('欢迎！');
-->
</script>
平稳退化不支持JavaScript处理：<nosciprt>
<noscript> 您没有启用JavaScript </noscript>
javaScript(2)---简单使用的更多相关文章
- JavaScript设置简单的自动时间
下面就是一段简单的JavaScript设置简单的自动时间,时间显示在一个输入框input里面. <html> <head> </head> <body> ...
- Javascript的简单测试环境
在<JavaScript忍者秘籍>2.4测试条件基础知识中,作者给出了一个精简版的assert和assert组的实现,对于初学者而言,这无疑是一个很好的例子,既让我们得到了一个好用的小工具 ...
- Javascript学习-简单测试环境
Javascript学习-简单测试环境 在<JavaScript忍者秘籍>2.4测试条件基础知识中,作者给出了一个精简版的assert和assert组的实现,对于初学者而言,这无疑是一个很 ...
- JavaScript中简单排序总结
JavaScript中简单排序总结 冒泡排序 经典排序算法, 双重for循环 在第二个for循环的时候, j < arr.len -1 -i , 这一步的优化很重要 function bullS ...
- JavaScript 实现简单的 弹出框关闭框
JavaScript 实现简单的 弹出框关闭框 知识点: 1.javaScript 添加HTML标签 2.javaScript 添加HTML标签属性 3.javaScript 追加元素 代码献上: & ...
- 用javascript实现简单的用户登录验证
用javascript实现简单的用户登录验证 <!DOCTYPE html> <html lang="en"> <head> <meta ...
- JavaScript做简单的购物车效果（增、删、改、查、克隆）
比如有时候遇到下面这种情况,点击加入购物车,然后在上方的购物车中动态的添加商品以及商品的信息,我们就可以通过JavaScript实现简单的这些操作. 首先我们需要在html文档中,通过css对页面的布 ...
- JavaScript 最简单的图片切换
使用前在文件外部要有1.jpg 2.jpg 只是简单的模仿flash图片切换,可在此基础上引申出各种不同的效果. 思路: 建立一个数组存放图片的src,然后调用setInterval周期性的调用cha ...
- 使用 JavaScript 实现简单候选项推荐功能（模糊搜索）【收藏】【转】
当我们使用 Google 等搜索功能时,会出现与搜索内容有关的候选项.使用 JavaScript 搜索字符串,通常会使用 indexOf 或者 search 函数,但是非常僵硬,只能搜索匹配特定词语. ...
随机推荐
- Android必知必会--GreenDao缓存
Github版 CSDN版 本篇文章不是介绍GreenDao的配置和基础使用,记录一下GreenDao缓存的问题,帮助遇到同样问题的朋友找到原因和方法,下面是示例: 场景重现 //第一次查询 List ...
- BFS与DFS总结
最近一直在看DFS和BFS,感觉要晕的GJ. DFS思想: 一直往深处走,直到找到解或者走不下去为止 DFS框架: DFS(dep,-) //dep代表目前DFS的深度 { if (找到 ...
- Log file location for Oracle E-Business Suite R12
Log file location in Oracle E-Business Suite R12 - Apache, OC4J and OPMN: $LOG_HOME/ora/10.1.3/Apach ...
- TCP/IP入门(2) --网络层
/** 本篇博客由 126(127不可用) 2^24 -2 B 2^14 -1 128.1 191.255 2^16 -2 C 2^21 -1 192.0.1 223.255.255 2^8 -2 D ...
- 检查一个二叉树是否平衡的算法分析与C++实现
今天面试一个实习生,就想既然是未出校园,那就出一个比较基础的题吧,没想到答的并不如人意,对于树的操作完全不熟悉,因此此题算是未作答.原来我想看一下他分析问题的思路,优化代码的能力.接下来会把最近半年我 ...
- Spark1.4从HDFS读取文件运行Java语言WordCounts并将结果保存至HDFS
本次实验相关信息如下: 操作系统:Ubuntu 14 Hadoop版本:2.4.0 Spark版本:1.4.0 运行前提是Hadoop与Spark均已正确安装配置 2.在Linux中生成一个文件tes ...
- Android 仿百合网超火爆社交app首页滑动效果
探探,百合网等神器的首页有一个相册加载个控件,通过左滑右滑加载新的照片,同时左滑丢弃这个照片,右滑则表明对这个照片感兴趣. 这个效果是怎么实现的呢? 1,Android3.0以后控件中增加了setTr ...
- C++实现单链表
之前一直没怎么在意C++中的链表,但是突然一下子让自己写,就老是出错.没办法,决定好好恶补一下该方面的知识,也为今后的数据结构大下个良好的基础,于是我总结出以下几点,有些地方可能不正确,还望大家不吝赐 ...
- Java之谜 —— 来自Neal Gafter的演讲
翻译人员: 铁锚 翻译日期: 2013年11月20日 原文链接: A Puzzle from "A Brief History of the (Java) World and a Peek ...
- 01_JNI是什么，为什么使用，怎么用JNI，Cygwin环境变量配置，NDK案例（使用Java调用C代码）,javah命令使用
1 什么是JNI JNI Java本地开发接口 JNI是一个协议,这个协议用来沟通java代码和外部的本地代码(C/C++) 通过这个协议,java代码就可以调用外部的C/C++代码,外部的C/C++ ...