html是描述型语言,JavaScript_JavaScript基础教程——入门必看篇,JavaScript他是一种描述性语言, - phpStudy...
JavaScript基础教程——入门必看篇
JavaScript他是一种描述性语言,其实他并不难学,只要用心学,一定会学好,我相信大家在看这篇文章的时候,一定也学过HTML吧,使用JavaScript就是为了能和网页有更好的交互,下面切入主题。
一. JavaScript
1.什么是JavaScript
JavaScript是一种描述性语言,也是一种基于对象(Object)和事件驱动(Event Driven)的,并具有安全性的脚本语言。
2.JavaScript的特点
JavaScript主要用来向HTML页面添加交互行为。
JavaScript是一种脚本语言,语法和Java类似。
javaScript一般用来编写客户端的脚本。
JavaScript是一种解释性语言。
3.JavaScript的组成
ECMScript标准(规定所有属性,方法和对象的标准)
BOM浏览器对象模型(Browser Object Model):与HTML交互
DOM文档对象模型(Document Object Model):访问和操纵HTML文档
4.JavaScript基本结构
Language=”javascript”用来表示使用的语言是javascript
5.JavaScript执行原理
1. 浏览器客户端向服务器端发送请求。(用户在浏览器地址栏中输入的地址)
2.数据处理:服务器端将某个包含javaScript的页面进行处理。
3.发送响应:服务器端将含有javascript的HTML文件进行处理页面发送到浏览器客户端,然后由浏览器客户端从上直下逐条解析HTML标签和JavaScript标签,将页面效果呈给用户。
二.在网页中引入JavaScript的方式
1.使用
2.使用外部JavaScript文件。
希望多个页面中运行JavaScript实现相同效果,通常使用外部文件为.js的文件。
如何引用.js为扩展名的文件:
注意:外部文件不能包含
3.直接在HTML标签中
三.JavaScript核心语法
1.变量的声明和赋值
变量的声明只有用var,变量的命名规范和Java类似。Var num=1;
在JavaScript中变量可以不用声明就可以直接使用,但是不推荐这种用法。
2.数据类型
Undefined(未定义类型)
Null(空类型)
Number(数字类型)
String(字符串类型)
Boolean(布尔类型)
3.undefined和null的区别
null 表示"没有对象",即该处不应该有值。典型用法是:
(1) 作为函数的参数,表示该函数的参数不是对象。
(2) 作为对象原型链的终点。
Object.getPrototypeOf (Object.prototype)// null
undefined 表示"缺少值",就是此处应该有一个值,但是还没有定义。典型用法是:
(1)变量被声明了,但没有赋值时,就等于 undefined。
(2) 调用函数时,应该提供的参数没有提供,该参数等于 undefined。
(3)对象没有赋值的属性,该属性的值为 undefined。
(4)函数没有返回值时,默认返回 undefined。
4.只有6种情况,判定结果为假。
null,false,undefined,0,"",NaN
5.字符串的一些常用方法
toString();返回字符串
toLowerCasee();把字符串装换为小写。
toUpperCase();把字符串转换成大写
charAt(index);返回在指定位置的字符串
indexOf(str,index);查找某个指定的字符串在字符串中首次出现的位置
Substring(index,index);返回位于指定索引index1和index2之间的字符串(包括index1不包括index2)
Split(str);将字符串分割为字符数组
6.创建数组并为数组赋值的三种方式
01. Var num=(‘1','2');
02.var num=new Array(2);
Num[0]=1;
Num[1]=2;
03.var num=[‘1','2'];
数组的常用方法和属性
Length:设置或返回数组中元素的数目
Join():把数组的所有语速放入一个字符串,通过分割符进行分割。
Sort():对数组进行排序
Push():向数组末尾添加一个或更多元素,并放回新的长度。
//01.方式一:创建数组,并给数组赋值
// var fruit = new Array('apple', 'orange', 'peach', 'bananer');
//02.方式二:先创建数组,后通过下标给数组赋值
var fruits = new Array(4);
fruits[0] = 'apple';
fruits[1] = 'orange';
fruits[2] = 'peach';
fruits[3] = 'bananer';
//03方式三:和方式一类似只不过改变了符号
//var fruitss = new Array['apple', 'orange', 'peach', 'bananer'];
//04.访问数组中下标为3的数据
document.write(fruits[0]);
//05通过数组的join方法把元素放到字符串中并用指定分隔符进行分割
var result = fruits.join(',');
//06通过sort方法对数组进行排序
fruits.sort();
//06.向末尾添加一个或多个元素,最后返回该数组的新长度
var length= fruits.push('wert','foot');
document.write('\n' + length);
//07.遍历数组
for(var item in fruits)
{
alert(fruits[item]);
}
7.运算符
8 程序调试
方案一:在VS中调试
步骤:01.将要调试的页面设置成起始页
02.设置断点
03.按F5启动调试
方案二:chrome浏览器调试
步骤:01.点击F12,将工具调出
02.设置断点
03.刷新页面
方案三:IE浏览器
步骤:01.F12,开发人员工具
02.切到脚本选项卡
03.设置断点
04.启动调试
05.刷新
四.JavaScript中的函数
1.常用的系统函数
01. parseInt(“字符串”);
parseInt()函数首先查看位置为0处的字符,判断他是否为一个有效数字,如果不是则返回NaN,不在执行其他操作,但如果该字符是有效参数,则该函数将查看位置为1处的字符,进行同样的测试,这一过程将持续到发现该字符是有效字符为止,此时该字符将之前的字符串转换成数字。
eg:
var num1=parseInt(“78.9”)//返回值为78
var num2=parseInt(“afa78.9”)//返回值为NaN
02.parseFloat(“字符串”);
他的用法和parseInt类似,只不过字符串中出现的第一个点将被认为是有效字符.
eg:
var num1=parseInt(“78.9”)//返回值为78
var num2=parseInt(“afa78.9”)//返回值为NaN
2.自定义函数
在JavaScript中,自定义函数是由function,函数名,一组以参数以及置于括号中待执行的JavaScript语句组成。
下面来看一看语法:
function 函数名(参数1,参数2,..)
{
//JavaScript语句
[return 返回值]
}
function是定义函数的关键字,必须有。
参数1,和参数2是该函数的参数,因为JavaScritp他本省的类型是弱类型,所有在给定参数时没有必要提供类型
{}定义的函数的开始和结尾.
return 语句用来规定函数返回的值.
2.调用函数
要执行一个函数,首先肯定要调用这个函数,必须制定函数名和其后的参数。
eg:
function show(){
}
show();
3.匿名函数
匿名函数就是没有名字的函数了,也叫闭包函数(closures),允许 临时创建一个没有指定名称的函数。最经常用作回调函数(callback)参数的值,很多新手朋友对于匿名函数不了解。这里就来分析一下。
function 函数名(参数列表){函数体;}
如果是创建匿名函数,那就应该是:
function(){函数体;}
因为是匿名函数,所以一般也不会有参数传给他。
为什么要创建匿名函数呢?在什么情况下会使用到匿名函数。匿名函数主要有两种常用的场景,一是回调函数,二是直接执行函数。
eg:
var a = "a";
(function(){
var a="b";
alert(a);
})();
alert(a);
在上面这段代码中,会顺序输出两个alert框。第一个alert框内容为b,第二个为a。以为该Script标签中有一个匿名方法时自调用的,所有首先弹出b,然后碰到匿名方法后的alert(a)则弹出a。
以上这篇JavaScript基础教程——入门必看篇就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持phpstudy。相关阅读:
深入剖析HTML5 内联框架iFrame
PHP如何实现跨域
iOS应用开发中导航栏按钮UIBarButtonItem的添加教程
Boa服务器下的ajax与cgi通信
javascript给span标签赋值的方法
Win10版《Outlook邮件和日历》键盘快捷键大全
C#获取指定目录最后写入时间的方法
js控制网页背景音乐播放与停止的方法
纯JS实现本地图片预览的方法
在Android中访问WebService接口的方法
javascript中对Attr(dom中属性)的操作示例讲解
Android 静默方式实现批量安装卸载应用程序的深入分析
MongoDB快速入门笔记(六)之MongoDB的文档修改操作
Java基于直方图应用的相似图片识别实例
html是描述型语言,JavaScript_JavaScript基础教程——入门必看篇,JavaScript他是一种描述性语言, - phpStudy...相关推荐
- JavaScript基础教程——入门必看篇
JavaScript他是一种描述性语言,其实他并不难学,只要用心学,一定会学好,我相信大家在看这篇文章的时候,一定也学过HTML吧,使用JavaScript就是为了能和网页有更好的交互,下面切入主题. ...
- 怎么安装python_零基础入门必看篇:浅析python,PyCharm,Anaconda三者之间关系
今天为大家带来的内容是:零基础入门必看篇:浅析python ,PyCharm,Anaconda三者之间关系 众所周知,Python是一种跨平台的计算机程序设计语言,简单来说,python就是类似于C, ...
- JavaScript学习笔记(一)--JS基础【入门必看】
JS介绍 JavaScript诞生于1995年,当时的主要目的是为了运行在浏览器中进行简单的表单验证.经过一系列的发展,现在的JavaScript既可以作为浏览器脚本语言,运行在浏览器进行表单验证.页 ...
- 没有计算机基础可以学python-Python入门必看篇(面向小白)想学Python只看这一篇就够了...
首先,让我们来看看Python是什么? Python是一种跨平台的计算机程序设计语言,一种面向对象的动态类型语言. Python 是一个高层次的结合了解释性.编译性.互动性和面向对象的脚本语言. 在对 ...
- 干货丨FPGA零基础学习,入门必看!
看到不少同学后台进行提问:FPGA如何入门?怎么学习?其实对于新人来说,FPGA的学习需要了解的东西还是非常多,下面IC修真院就带大家一起来了解一下吧. FPGA简介 FPGA普遍用于实现数字电路模块 ...
- python基础教程书籍推荐-初学者python入门必看书籍推荐(上)
随着最近Python的热度上涨,学习的人数也在增多,也因为Python这门语言的简短.易学.语言优美的优点,吸引了很多人来学习它.初学者想要入门,就必须先通过阅读,学习大量的理论知识对Python有一 ...
- JavaScript基础教程新手入门必看
对前端稍微有点了解的初学者都知道,JavaScript是必不可少的工具.毫不夸张的说,大部分网页都使用了JavaScript,想要成为一个优秀的前端工程师,做出漂亮令用户满意的网页,熟练掌握JavaS ...
- pkpm快速入门教程_PKPM教程入门必知技巧
<PKPM教程入门必知技巧>由会员分享,可在线阅读,更多相关<PKPM教程入门必知技巧(166页珍藏版)>请在人人文库网上搜索. 1.PKPM软件的应用,主要内容,通过对一个工 ...
- powershell 开发入门_详谈Ubuntu PowerShell(小白入门必看教程)
早在去年八月份PowerShell就开始开源跨平台了,但是一直没有去尝试,叫做PowerShell Core. 这里打算简单介绍一下如何安装和简单使用,为还不知道PowerShell Core on ...
- Qt Designer入门教程 初学者必看
在Linux下,一个非常流行的RAD工具就是Qt Designer.它是嵌入式公司 Trolltech的Qt软件包的一个组成部分. Qt Designer入门教程 初学者必看是本文要介绍的内容,不说这 ...
最新文章
- python中weekid什么意思_week_one-python格式化输出
- Linux端日志加密,Linux学习--第十三天--日志、系统运行级别、grub加密
- 设计模式:单例模式之静态内部类
- 【GIF动画+完整可运行源代码】C++实现 冒泡排序——十大经典排序算法之一
- 如何在 Asp.Net Core 中对请求进行限流
- 【网络流】人员雇佣(luogu 1791)
- nginx之lua_shared_dict
- mysql索引与事务笔记_《MySQL技术内幕:InnoDB存储引擎》读书笔记五-锁、索引及事务...
- 移动100m宽带慢的要死_【今日小知识】卡吗?慢吗?移动千兆路由器带你飞
- 3.Jenkins 权威指南 --- 设置构建作业
- Canvas API(画布)简介
- python中seek是什么意思_python中seek怎么用
- httpwatch使用_使用JavaScript的HTTPWatch自动化
- 使用Windows Server 2003实现高可用故障转移群集(1)
- 4.17 使用阴影/高光命令解决图像曝光不足问题 [原创Ps教程]
- C# .NET Core获取类属性/属性值,是否有属性/属性值,获取实体层描述,枚举描述,枚举英文获取枚举描述[Description(“xxx“)]
- 为什么说博客、论坛的留言版块外链以无效
- Bank Robbery LightOJ - 1163
- Problem : 货币兑换
- 水电缴费系统php源码_php简易扫码付教育收费系统 v1.0
热门文章
- vector容器——构造函数
- OpenCV-图像处理(03、Mat对象)
- jmeter录制脚本_jmeter(二)Badboy录制脚本
- 矢量叉积与折线段拐向判断---三角形顺逆判断
- python编译安装没有c扩展_pybind11—python C/C++扩展编译
- 所有for循环都可以用while循环改写python_python-for循环与while循环
- php是什么电器元件,第三代计算机采用的主要电子元器件是什么
- 【总结】前缀和与差分(一维差分、二维差分、树上差分(待学!))
- 如何在GitHub中上传图片-----简单易行,步骤超清晰
- python三种基本的数据类型有_python基本数据类型一