JavaScript基础——JavaScript入门(笔记)
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入门(笔记)的更多相关文章
- javascript基础系列(入门前须知)
-----------------------小历史---------------------------- javascript与java是两种语言,他们的创作公司不同,JavaScript当时是借 ...
- JavaScript基础——JavaScript常量和变量(笔记)
JavaScript常量和变量(笔记) Javascript代码严格区分大小写. javascript暂不支持constant关键字,不允许用户自定义常量. javascript使用var关键字声明变 ...
- JavaScript基础教程复习笔记
document.write("<h1>这是一个标题</h1>"); 您只能在 HTML 输出中使用 document.write.如果您在文档加载后使用该 ...
- JavaScript基础——JavaScript语法基础(笔记)
JavaScript语法基础(笔记) 1.语言编码 JavaScript语言建立在Unicode字符集基础之上,因此脚本中,用户可以使用双字节的字符命名常量.变量或函数等. [示例] var 我=&q ...
- JavaScript基础——JavaScript函数(笔记)
avaScript 函数(笔记) JavaScript 是函数式编程语言,在JavaScript脚本中可以随处看到函数,函数构成了JavaScript源代码的主体. 一.定义函数 定义函数的方法有两种 ...
- JavaScript基础——JavaScript数据类型(笔记)
数据类型(笔记) null和undefined 在JavaScript中有两个特殊的值: null和undefined.简单说明如下: null 是Null类型的值,Null类型的值只有一个值(nul ...
- JavaScript 基础知识入门
js3种弹出框 alert消息对话框 var mychar=I love JavaScript;alert(mychar); confirm消息对话框 返回值:bool var mymessage ...
- （译文）JavaScript基础——JavaScript中的深拷贝
在JavaScript中如何拷贝一个对象? 通过引用调用 function mutate(obj) { obj.a = true; } const obj = {a: false}; mutate(o ...
- JavaScript基础Javascript中的循环(003)
1.普通循环JavaScript中一般的循环写法是这样的: // sub-optimal loop for (var i = 0; i < myarray.length; i++) { // d ...
随机推荐
- eclipse SVN插件的日常使用
安装(我的安装方法,怎么方便怎么来) 1.打开eclipse,选择Help->Eclipse MarketPlace,搜索subclipse,点击install,等待.安装成功后会询问重启,点击 ...
- 【Python开发】python读写文件，和设置文件的字符编码比如utf-8
一. python打开文件代码如下: f = open("d:\test.txt", "w") 说明: 第一个参数是文件名称,包括路径: 第二个参数是打开的模式 ...
- 【VUE】vue在vue-cli3环境下基于axios解决跨域问题
网上的绝大部分教程解决vue+axios跨域问题都不能直接适用vue-cli3.这是因为vue-cli3不一样的配置方式导致的. 如果是使用vue-cli3构建的项目,那么默认是没有config.js ...
- Android Studio出现:Cause: unable to find valid certification path to requested target
我的AS版本是3.4.1..出现这个问题是因为公司内网很奇葩,连上后必须访问一次网页.所以是AS连不上网络,访问不了https://bintray.com/bintray/jcenter导致的.
- PowerShell学习记录
一.简介——连接 Powershell 是运行在windows机器上实现系统和应用程序管理自动化的命令行脚本环境.你可以把它看成是命令行提示符cmd.exe的扩充,不对,应当是颠覆. powershe ...
- select poll epoll之间的区别
1.select poll每次循环调用时都需要将文件描述符和事件拷贝到内核空间,epoll只需要拷贝一次: (这种情况在对于描述符数量不大的情况下还可以,但是当描述符的数量达到十几万甚至上百万的时候, ...
- java中的12种锁
java中很多地方会涉及到锁,比如java代码并发场景,DB中的并发场景,分布式中的锁....你知道几种呢?下面来看看常见的11种锁 1. 乐观锁/悲观锁 这两个概念是人们对java中各种锁总结提出的 ...
- typedef 定义结构体数组或其他数组
typedef 定义结构体数组或其他数组 C\C++语言下 typedef其实是对一个变量类型的名字进行重新定义,例如下面中: typedef struct { int num[10]; char n ...
- Keras模型训练的断点续训、早停、效果可视化
训练:model.fit()函数 fit(x=None, y=None, batch_size=None, epochs=, verbose=, callbacks=None, validation_ ...
- 在Linux中，没有文件创建时间的概念。只有文件的访问时间、修改时间、状态改变时间
在Linux中,没有文件创建时间的概念.只有文件的访问时间.修改时间.状态改变时间.也就是说不能知道文件的创建时间.但如果文件创建后就没有修改过,修改时间=创建时间:如果文件创建后,状态就没有改变过, ...