Web前端-JavaScript基础教程下

<script>有6个属性:

async对外部脚本有效,可以用来异步操作,下载东西,不妨碍其他操作。

charsetsrc属性指定字符集。

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基础教程下的更多相关文章

  1. Web前端-JavaScript基础教程上

    Web前端-JavaScript基础教程 将放入菜单栏中,便于阅读! JavaScript是web前端开发的编程语言,大多数网站都使用到了JavaScript,所以我们要进行学习,JavaScript ...

  2. Web前端-Ajax基础技术(下)

    Web前端-Ajax基础技术(下) 你要明白ajax是什么,怎么使用? ajax,web程序是将信息放入公共的服务器,让所有网络用户可以通过浏览器进行访问. 浏览器发送请求,获取服务器的数据: 地址栏 ...

  3. web前端学习(四)JavaScript学习笔记部分(1)-- JavaScript基础教程

    1.JavaScript基础教程 1.1.Javascript基础-介绍.实现.输出 1.1.1.JavaScript是互联网上最流行的脚本语言,这门语言可用于web和HTML,更可广泛用于服务端.p ...

  4. Web前端开发基础 第一天(Html和CSS)

    学习web前端开发基础技术需要掌握:HTML.CSS.JavaScript语言.下面我们就来了解下这三门技术都是用来实现什么的: 1. HTML是网页内容的载体.内容就是网页制作者放在页面上想要让用户 ...

  5. 网络统计学与web前端开发基础技术

    网络统计学与web前端开发基础技术 学习web前端开发基础技术(网页设计)需要了解:HTML.CSS.JavaScript三种语言.下面我们就来了解一下这三门技术在网页设计中的用途: HTML是网页内 ...

  6. 《JavaScript基础教程(第8版)》PDF

    简介:JavaScript基础教程(第8版)循序渐进地讲述了JavaScript及相关的CSS.DOM.Ajax.jQuery等技术.书中从JavaScript语言基础开始,分别讨论了图像.框架.浏览 ...

  7. 现代前端技术解析:Web前端技术基础

    ​ 最近几年,越来越多的人投入到前端大军中:时至至今,前端工程师的数量仍然不能满足企业的发展需求:与此同时,互联网应用场景的复杂化提高了对前端工程师能力的要求,一部分初期前端工程师并不能胜任企业的工作 ...

  8. Web前端之基础知识

    学习web前端开发基础技术须要掌握:HTML.CSS.Javascript 1.HTML是网页内容的载体 内容就是网页制作者放在页面上想要让用户浏览的信息,能够包括文字.图片.视频等. 2.CSS样式 ...

  9. Web前端-Ajax基础技术(上)

    Web前端-Ajax基础技术(上) ajax是浏览器提供一套的api,用于向服务器发出请求,接受服务端返回的响应,通过javascript调用,实现通过代码控制请求与响应,实现网络编程. ajax发送 ...

随机推荐

  1. Java8新特性 - 方法引用与构造器引用

    方法引用 若Lambda体中的内容有方法已经实现了,我们可以使用"方法应用",可以理解为方法引用是Lambda表达式的另外一种表现形式. 使用操作符"::"将方 ...

  2. c# 事件 +=和-=有什么区别

    +=就是發生新事件的同時通知你: -=就是發生新事件的同時不通知你:

  3. .net core微信群图片合并

    引用:SixLabors.ImageSharp,SixLabors.ImageSharp.Drawing,System.Drawing.Common /// <summary> /// 群 ...

  4. robot framework 的关键字Continue For Loop 用法

    Continue For Loop关键字就是python的continue的意思,跳出本层循环,继续执行下一个循环. 我先举个栗子: :FOR    ${index}    IN RANGE    5 ...

  5. React/虚拟DOM

    在说虚拟DOM之前,先来一个引子,从输入url到展现出整个页面都有哪些过程? 1.输入网址 2.DNS解析 3.建立tcp连接 4.客户端发送HTPP请求 5.服务器处理请求 6.服务器响应请求 7. ...

  6. django操作mysql

    连接mysql 1.安装pymysql 操作指令 : pymsql: pip install pymysql 2.导入库 在项目目录下的__init__.py文件中导入pymysql模块 加入以下两行 ...

  7. 前端HTML基础和head部分

    一.SOCKET服务器与浏览器交互 CS模式 -->  BS模式 CS模式逐渐向BS模式转移,底层都是socket客户端 浏览器给服务器发送请求 --> 服务器收到请求 --> 服务 ...

  8. MCUXpresso IDE:导入Kinetis Design Studio工程

    我的许多当前活跃的工程都在使用恩智浦的Kinetis Design Studio(KDS)V3.2.0(我在GitHub上发表了许多工程). 现在随着MCUXpresso IDE的出现(参见“MCUX ...

  9. Python函数式编程-map/reduce

    1.map map()传入的第一个参数是f,即函数对象本身. map()函数接收两个参数,一个是函数,一个是Interable,map将传入的函数依次作用到序列的每个元素,并把结果作为新的Iterat ...

  10. k8s的etcd

    etcd是一个高可用的分布式键值(key-value)数据库.etcd内部采用raft协议作为一致性算法,etcd基于Go语言实现. etcd是一个服务发现系统,具备以下的特点: 简单:安装配置简单, ...