JavaScript入门(笔记)

　　JavaScript是一种轻量级、解释型的Web开发语言，该语言系统不是很庞杂，简单易学。由于所有现代浏览器都已嵌入JavaScript引擎，JavaScript源代码可以在浏览器中直接被解释执行，用户不用担心支持问题。

一、在网页中插入JavaScript代码

　　使用<script>标签，可以把JavaScript源代码直接放到网页文档中。

【示例1】新建HTML文档并保存为test.html，然后在<head> 标签内插入<script>标签，在<script>标签中输入代码"<h1>Hello,World!</h1>"。完整页面代码如下。

  1. <html>
  2.     <head>
  3.         <meta charset="utf-8">
  4.         <title>JavaScript "Hello"</title>
  5.         <script>
  6.             document.write("<h1>Hello,World!</h1>")
  7.         </script>
  8.     </head>
  9. <body>
  10.  
  11. </body>
  12. </html>

　　<script>和</script>标签配合使用，作为脚本语言的标识符来分割其他源代码，避免与HTML标签和CSS样式代码混淆。

　　在浏览器解析网页源代码的时，浏览器检索到<script>标签时，会自动调用JavaScript引擎对其中包含的字符信息进行解释处理。

　　document是JavaScript在浏览器中定义的一个对象，它表示HTML文档内容。write()是document对象的一个方法，它表示在网页文档中输出显示指定的参数内容。

【效果】

【注意】

  1.  考虑到HTML文档的DOM结构模型规范性，建议用户把JavaScript脚本写在<head>和</head>标签之间，或者写在<body>和</body>标签之间
  2.  <script>标签包含了2个属性，type和language。在实际开发中，可以省略这2个属性，因为浏览器默认<script>标签包含的字符信息是JavaScript脚本

二、使用JavaScript文件

　　与CSS文件一样，JavaScript代码也可以存放在独立的文件中，以增强JavaScript脚本的可重复使调用。JavaScript文件是hi一个文本类型的文件，在任何文本编辑器中都可以被打开和编辑，JavaScript文件的扩展名为js。

【示例】

  1. <html>
  2. 	<head>
  3. 		<meta charset="utf-8">
  4. 		<title>使用JavaScript文件</title>
  5. 		<script type="text/javascript" src="test.js"></script>
  6. 		<script>
  7. 			var str="JavaScript编程语言";
  8. 			document.write("<h2>"+str+"</h2>"); //输入变量的值
  9. 			document.write("<p>实际长度=" + strlen(str) + "字节</p>"); //调用函数
  10. 		</script>
  11. 	</head>
  12. <body>
  13. </body>
  14. </html>
  1. //公共函数，计算字符串的实际长度
  2. function strlen(str){
  3. 	var len;	//临时标量，存储字符串的实际长度
  4. 	var i;		//声明循环变量
  5. 	len=0;		//初始化临时变量len为0
  6. 	for (i=0; i<str.length; i++){ 	//循环检测字符中每个字符
  7. 		if (str.charCodeAt(i) > 255) len+=2; //如果当前字符串为双字节字符，则递增2次
  8. 		else len++;		//如果当前字符为单字节字符，则递增1次
  9. 	}
  10. 	return len;		//返回字符串的实际长度
  11. }

【效果】

JavaScript基础——JavaScript入门(笔记)的更多相关文章

  1. javascript基础系列(入门前须知)

    -----------------------小历史---------------------------- javascript与java是两种语言,他们的创作公司不同,JavaScript当时是借 ...

  2. JavaScript基础——JavaScript常量和变量(笔记)

    JavaScript常量和变量(笔记) Javascript代码严格区分大小写. javascript暂不支持constant关键字,不允许用户自定义常量. javascript使用var关键字声明变 ...

  3. JavaScript基础教程复习笔记

    document.write("<h1>这是一个标题</h1>"); 您只能在 HTML 输出中使用 document.write.如果您在文档加载后使用该 ...

  4. JavaScript基础——JavaScript语法基础(笔记)

    JavaScript语法基础(笔记) 1.语言编码 JavaScript语言建立在Unicode字符集基础之上,因此脚本中,用户可以使用双字节的字符命名常量.变量或函数等. [示例] var 我=&q ...

  5. JavaScript基础——JavaScript函数(笔记)

    avaScript 函数(笔记) JavaScript 是函数式编程语言,在JavaScript脚本中可以随处看到函数,函数构成了JavaScript源代码的主体. 一.定义函数 定义函数的方法有两种 ...

  6. JavaScript基础——JavaScript数据类型(笔记)

    数据类型(笔记) null和undefined 在JavaScript中有两个特殊的值: null和undefined.简单说明如下: null 是Null类型的值,Null类型的值只有一个值(nul ...

  7. JavaScript 基础知识入门

    ​ js3种弹出框 alert消息对话框 var mychar=I love JavaScript;alert(mychar); confirm消息对话框 返回值:bool var mymessage ...

  8. （译文）JavaScript基础——JavaScript中的深拷贝

    在JavaScript中如何拷贝一个对象? 通过引用调用 function mutate(obj) { obj.a = true; } const obj = {a: false}; mutate(o ...

  9. JavaScript基础Javascript中的循环(003)

    1.普通循环JavaScript中一般的循环写法是这样的: // sub-optimal loop for (var i = 0; i < myarray.length; i++) { // d ...

随机推荐

  1. TensorFlow自编码器（AutoEncoder）之MNIST实践

    自编码器可以用于降维,添加噪音学习也可以获得去噪的效果. 以下使用单隐层训练mnist数据集,并且共享了对称的权重参数. 模型本身不难,调试的过程中有几个需要注意的地方: 模型对权重参数初始值敏感,所 ...

  2. vim 文档加密

    众所周知vim的加密方法是 :X 解密为输入:X后直接回车两次 注意此时必须使用:wq来保存,:x和shift+zz(ZZ)均无法保存此更改 此时注意 :wq"与":x" ...

  3. python3.7环境下创建app，运行Django1.11版本项目报错SyntaxError: Generator expression must be parenthesized

    咳咳!!! 今天用命令行创建django项目中的app应用,出现了这样一个错误 这个错误在python3.6版本下安装运行django 1.11版本正常运行,但python3.7版本下运行django ...

  4. solr学习笔记-入门

    solr学习笔记 1.安装前准备 solr依赖java 8 运行环境,所以我们先安装java.如果没有java环境无法启动solr服务,并且会看到如下提示: [root@localhost solr- ...

  5. Codeforces 1201D. Treasure Hunting

    传送门 看一眼感觉就是 $dp$,但是似乎状态太多了 考虑推推性质 首先每到一行都要把所有宝藏都走到,那么一定会走到最左边的和最右边的宝藏 注意到一旦走完所有宝藏时肯定是在最左边或者最右边的宝藏位置 ...

  6. Codeforces 1229A. Marcin and Training Camp

    传送门 垃圾翻译毁一生怎么办 题目看错直接 $GG$ 首先所有 $a_i$ 重复出现的人全都可以加入 考虑剩下的人发现 $a$ 必须是初始那些人的子集才能加入(证明显然),设当前考虑的人为 $x$ 则 ...

  7. 牛客 545C 出题人的数组 (贪心)

    出题人有两个数组A,B,请你把两个数组归并起来使得$cost=\sum i c_i$最小. 归并要求原数组的数的顺序在新数组中不改变. 贪心水题 对于一段序列$A_i,A_{i+1},...,A_r$ ...

  8. 百度地图 echarts tooltip属性 经纬度坐标不显示

    中国地图.散点图结合点击后显示当前城市数量 不显示经纬度坐标 echarts.appMap = function (id, opt) { // 实例 var chart = this.init(doc ...

  9. JS基础_其他进制的数字（了解）

    <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title> ...

  10. 16 Scrapy之分布式爬虫

    redis分布式部署 1.scrapy框架是否可以自己实现分布式? - 不可以.原因有二. 其一:因为多台机器上部署的scrapy会各自拥有各自的调度器,这样就使得多台机器无法分配start_urls ...