JavaScript入门(笔记)

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

一、在网页中插入JavaScript代码

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

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

<html>

    <head>

        <meta charset="utf-8">

        <title>JavaScript "Hello"</title>

        <script>

            document.write("<h1>Hello,World!</h1>")

        </script>

    </head>

<body>

</body>

</html>

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

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

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

【效果】

【注意】

 考虑到HTML文档的DOM结构模型规范性，建议用户把JavaScript脚本写在<head>和</head>标签之间，或者写在<body>和</body>标签之间

 <script>标签包含了2个属性，type和language。在实际开发中，可以省略这2个属性，因为浏览器默认<script>标签包含的字符信息是JavaScript脚本

二、使用JavaScript文件

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

【示例】

<html>

	<head>

		<meta charset="utf-8">

		<title>使用JavaScript文件</title>

		<script type="text/javascript" src="test.js"></script>

		<script>

			var str="JavaScript编程语言";

			document.write("<h2>"+str+"</h2>"); //输入变量的值

			document.write("<p>实际长度=" + strlen(str) + "字节</p>"); //调用函数

		</script>

	</head>

<body>

</body>

</html>

//公共函数，计算字符串的实际长度

function strlen(str){

	var len;	//临时标量，存储字符串的实际长度

	var i;		//声明循环变量

	len=0;		//初始化临时变量len为0

	for (i=0; i<str.length; i++){ 	//循环检测字符中每个字符

		if (str.charCodeAt(i) > 255) len+=2; //如果当前字符串为双字节字符，则递增2次

		else len++;		//如果当前字符为单字节字符，则递增1次

	}

	return len;		//返回字符串的实际长度

}

【效果】

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. python 爬虫 urllib模块 目录

    python 爬虫 urllib模块介绍 python 爬虫 urllib模块 url编码处理 python 爬虫 urllib模块 反爬虫机制UA python 爬虫 urllib模块 发起post ...

  2. kmp算法分析和C++实现

    知乎高赞分析 作者:逍遥行 链接:https://www.zhihu.com/question/21923021/answer/37475572来源:知乎著作权归作者所有.商业转载请联系作者获得授权, ...

  3. myeclipse中jpa的安装以及jpa reverse engining

    myeclipse中jpa的安装以及jpa reverse engining 安装 右击 Configure Facets, Install JPA jpa reverse engining 1.db ...

  4. redis在php中实际应用-hash

    Redis hash 是一个string类型的field和value的映射表,hash特别适合用于存储对象. 目录: 1.批量赋值:hmset,hmget,hgetall 可用于存储一条条数据,即一个 ...

  5. 版本控制器之SVN（一）

    通常软件开发由多人协作开发,如果对代码文件.配置文件.文档等没有进行版本控制,将会出现很多问题: 备份多个版本,占用磁盘空间大 解决代码冲突困难 容易引发BUG 难于追溯问题代码的修改人和修改时间 难 ...

  6. TCP三次握手与四次挥手详解(最全面)

    目录 TCP的三次握手与四次挥手 TCP报文段的首部格式 TCP的工作原理 TCP 的流量控制 TCP的拥塞控制 拥塞控制与流量控制的关系 拥塞控制所起的作用 慢开始和拥塞避免 慢开始算法的原理 三次 ...

  7. python-连接mysql实例

    import pymysql # 创建连接 conn = pymysql.connect(host='192.168.71.140', port=3306, user='root', passwd=' ...

  8. Intellij idea启动项目提示"ClassNotFoundException"

    引用至Intellij IDEA 启动项目ClassNotFoundException 使用Intellij IDEA的过程中,新创建的项目启动时报 严重: Error configuring app ...

  9. spring boot jpa @PreUpdate结合@DynamicUpdate使用的局限性

    通常给实体添加audit审计字段是一种常用的重构方法,如下: @Embeddable @Setter @Getter @ToString public class Audit { /** * 操作人 ...

  10. Keepalived+Nginx+Tomcat 实现高可用Web集群

    https://www.jianshu.com/p/bc34f9101c5e Keepalived+Nginx+Tomcat 实现高可用Web集群 0.3912018.01.08 20:28:59字数 ...