Web前端-JavaScript基础教程下
Web前端-JavaScript基础教程下
<script>有6个属性：
async对外部脚本有效，可以用来异步操作，下载东西，不妨碍其他操作。
charset为src属性指定字符集。
defer表示脚本延迟，等到文档被解析显示后才执行。
language已废弃。
src表示执行外部文件。
type表示使用脚本语言的类型。
<script type="text/javascript" src="dashu.js"></script>
<script src="dashu.js"></script>
<head>
<script></script>
</head>
<body>
<script></script>
</body>
脚本会被延迟到整个页面解析完毕后运行，不会影响页面结构：
<script defer="defer"></script>
type编写代码使用的脚本语言的内容类型。
<script type="text/javascript">
function hello() {
alert("hello");
}
</script>
// 引用外部文件
<script type="text/javascript" src="example.js"></script>
defer表示脚本会被延迟到整个页面加载完毕后运行。
<!DOCTYPE html>
<html>
<head>
<title></title>
<script type="text/javascript" defer="defer" src=""></script>
<script type="text/javascript" defer="defer" src=""></script>
</head>
<body>
</body>
</html>
异步脚本使用async属性
<!DOCTYPE html>
<html>
<head>
<title></title>
<script type="text/javascript" async src=""></script>
</head>
<body>
</body>
</html>
xhtml可扩展超文本标记语言
<script type="text/javascript">
function compare(a,b){
if(a<b){
}else{
}
}
</script>
<noscript>元素，浏览器不支持脚本，浏览器支持脚本，但脚本被禁用。
<html>
<head>
<title></title>
<script type="text/javascript" defer="defer" src=""></script>
</head>
<body>
<noscript>
<p>需要浏览器启用javascript</p>
</noscript>
</body>
</html>
javascript的使用要用<script>元素，外部的文件使用src指向相应的文件，<script>会按照他们在页面的先后依次被解析，defer属性可以让当前脚本不必等待其他脚本，使用<noscript>元素可以指定在不支持脚本的浏览器中显示替代的内容。
基本语法，数据类型：
javascript区分大小写，标识符，第一个字符以字母，下划线或一个美元符号，其他可以是字母，下划线，美元符号，或数字。
不能把关键字，保留字等用作标识符。
严格模式：
"use strict";
关键字：
break,case,catch,continue,default,delete,
do,else,finally,for,function,if,in,
instanceof,new,return,switch,this,throw,try,
typeof,var,void,while,with,
保留字：
abstract,enum,int,short,
boolean,export,interfacee,static,
byte,char,class,const,double,
extends,final,float,goto,implements,import,
interface,long,native,package,private,protected,public
short,static,super,synchronized,throws,volatile
function test() {
var msg = "hello"; // 局部变量
}
test();
function test() {
msg = "hello"; // 全局变量
}
test();
数据类型：
Undefined, null, boolean, number, string, object
undefined未定义；
boolean布尔值；
string字符串；
number数值；
object对象或null；
function为函数。
type操作符用来判断变量的数据类型。
undefined类型
var message;
console.log(message == undefined); // true;
结言
好了，欢迎在留言区留言，与大家分享你的经验和心得。
感谢你学习今天的内容，如果你觉得这篇文章对你有帮助的话，也欢迎把它分享给更多的朋友，感谢。
作者简介
达叔，理工男，简书作者&全栈工程师，感性理性兼备的写作者，个人独立开发者，我相信你也可以！阅读他的文章，会上瘾！，帮你成为更好的自己。长按下方二维码可关注，欢迎分享，置顶尤佳。
Web前端-JavaScript基础教程下的更多相关文章
- Web前端-JavaScript基础教程上
Web前端-JavaScript基础教程 将放入菜单栏中,便于阅读! JavaScript是web前端开发的编程语言,大多数网站都使用到了JavaScript,所以我们要进行学习,JavaScript ...
- Web前端-Ajax基础技术(下)
Web前端-Ajax基础技术(下) 你要明白ajax是什么,怎么使用? ajax,web程序是将信息放入公共的服务器,让所有网络用户可以通过浏览器进行访问. 浏览器发送请求,获取服务器的数据: 地址栏 ...
- web前端学习（四）JavaScript学习笔记部分（1）-- JavaScript基础教程
1.JavaScript基础教程 1.1.Javascript基础-介绍.实现.输出 1.1.1.JavaScript是互联网上最流行的脚本语言,这门语言可用于web和HTML,更可广泛用于服务端.p ...
- Web前端开发基础 第一天（Html和CSS）
学习web前端开发基础技术需要掌握:HTML.CSS.JavaScript语言.下面我们就来了解下这三门技术都是用来实现什么的: 1. HTML是网页内容的载体.内容就是网页制作者放在页面上想要让用户 ...
- 网络统计学与web前端开发基础技术
网络统计学与web前端开发基础技术 学习web前端开发基础技术(网页设计)需要了解:HTML.CSS.JavaScript三种语言.下面我们就来了解一下这三门技术在网页设计中的用途: HTML是网页内 ...
- 《JavaScript基础教程（第8版）》PDF
简介:JavaScript基础教程(第8版)循序渐进地讲述了JavaScript及相关的CSS.DOM.Ajax.jQuery等技术.书中从JavaScript语言基础开始,分别讨论了图像.框架.浏览 ...
- 现代前端技术解析：Web前端技术基础
最近几年,越来越多的人投入到前端大军中:时至至今,前端工程师的数量仍然不能满足企业的发展需求:与此同时,互联网应用场景的复杂化提高了对前端工程师能力的要求,一部分初期前端工程师并不能胜任企业的工作 ...
- Web前端之基础知识
学习web前端开发基础技术须要掌握:HTML.CSS.Javascript 1.HTML是网页内容的载体 内容就是网页制作者放在页面上想要让用户浏览的信息,能够包括文字.图片.视频等. 2.CSS样式 ...
- Web前端-Ajax基础技术(上)
Web前端-Ajax基础技术(上) ajax是浏览器提供一套的api,用于向服务器发出请求,接受服务端返回的响应,通过javascript调用,实现通过代码控制请求与响应,实现网络编程. ajax发送 ...
随机推荐
- 如何做好PPT
为什么要做ppt 全图型PPT,一张大图做背景,少量的文字---PPT大师Garr Renolds极力推崇的风格 半图型PPT PTT是为了和你的"客户"有效的沟通 好的PPT G ...
- java 线程实现、线程暂停和终止 、线程联合join、线程基本信息获取和设置、线程优先级
转载地址:速学堂 https://www.sxt.cn/Java_jQuery_in_action/eleven-inheritthread.html 1. 通过继承Thread类实现多线程 继承Th ...
- Math.random()的加密安全替换方法window.crypto.getRandomValues
Math.random() 返回介于 0(包含) ~ 1(不包含) 之间的一个随机数. Math.random()函数不是加密安全的随机数生成器. window.crypto.getRandomVal ...
- VS.NET(C#)--2.8_CCS样式
CSS样式 文件命名 StyleSheet.css body { font-size:12px } .button { color:Red; text-decoration:none; ...
- Unity_如何判断应用设备内存小于1G（内容可定制为根据机器配置进行不同LOD）
直接上脚本,需要用的时候在需要的地方调用就好. 如: //获取设别的最大内存,作为判断LOD等级和决定1G以下设备不能进游戏 #if UNITY_ANDROID && !UNITY_E ...
- Linux添加vsftp账户和设置目录权限
改变store下面的所有.php文件属主为ftpd[root@www ~]# chgrp ftpd /store/*.php[root@www ~]# chown ftpd /store/*.php ...
- Dijkstra+Heap模板
普通Dijkstra: void DijkstraPath(int v0,int vis[],int dist[],int path[]) { int onePath[maxn]; int d; in ...
- 【转载】Sqlserver中使用Round函数对计算结果四舍五入
在实际应用的计算中,很多时候我们需要对最后计算结果四舍五入,其实在Sqlserver中也有对应的四舍五入函数,就是Round函数,Round函数的格式为Round(column_name,decima ...
- tree 树形加载及增删改
//异步1<template> <div class="addequipment org"> <div class="top"&g ...
- Java 之 序列化流
一.序列化概述 Java 提供了一种对象 序列化 的机制.用一个字节序列可以表示一个对象,该字节序列包含该 对象的数据 . 对象的类型 和 对象中存储的属性 等信息.字节序列写出到文件之后,相当于文件 ...