WEBBASE篇: 第七篇, JavaScript知识1
JavaScript 1
一、JavaScript 概述
什么是JavaScript:
JavaScript 简称 JS,是一种专门运行于JS解释器/引擎中的解释型脚本语言
JS发展史:
1、1992年Nombas公司开发了一款运行在网页中的脚本语言,名称为 CMM(C--),后来更名为 ScriptEase
2、1995年Netscape(网景)为自己的浏览器Navigator2.0开发了另一款脚本语言-LiveScript,更名为 JavaScript
3、1996年,Microsoft为自己的IE3.0,发布了JavaScript的克隆版本 JScript
4、1997年,Netscape找到了ECMA(欧洲计算机制造商协会),将JS提交给了ECMA。从此JS的核心更名为 ECMA Script 简称为 ES;
JS的组成:
(1)核心--ECMA Script :包含了JS的最基本的语法规范;
(2)文档对象模型: Document Object Model -->DOM
允许JS操作HTML网页上的内容;DOM的规范是由W3C来定制的;
(3)浏览器对象模型Browser Object Model -->BOM: 允许JS操作浏览器;
使用JS:
1,使用元素事件执行JS脚本代码;
事件:用户在元素上所激发的行为操作;
onclick 事件:当用户单击元素时,要做的操作;
语法: <ANY onclick='JS脚本代码'>
练习:
1、创建一个网页
2、创建一个 button 和 一个 div
3、分别为 button 和 div 处理 onclick 事件
点击 button 时:控制台输出 点击了button
点击 div 时:控制台输出 我的第一个js程序
2,嵌入在网页中的<script></script>
语法:<script></script>
特点: 网页加载的时候就开始执行;
document.write() 向网页输出一句话;
注意: 如果通过按钮的单击事件执行document.write()的话,则会刷新网页内容;
3,将JS脚本写在外边JS文件中;
步骤:(1)创建JS文件(xxx.js)并编辑脚本;
(2)在网页中对JS文件进行引入;
<script src='JS文件路径'></script>
练习:
1、使用元素事件的方式,向控制台中输入一句话 "我的第一个JS练习"
2、使用<script></script>方式,向网页中输出一句话"我的第一个JS练习"
3、使用外部JS文件的方式,执行一个操作 window.alert("我的第一个JS练习")
4,JS中的变量和常量;
变量:
声明变量的语法:
声明: var 变量名;
赋值:变量名 = 值;
声明并赋值: var 变量名=值;
注:(1)声明变量时,尽量使用var关键字,如果省略,也可以,但容易出问题;
(2)声明变量但未赋值的话,默认值为 undefined ;
变量命名规范:(1)不能使用JS中的关键字或保留关键字;
(2)由字母,数字,下划线(_)和$组成
var u-name = "";错误
var u_name = "";正确
var $ = 35; 正确
(3)不能以数字开头
(4)尽量不要重复
(5)尽量见名知意
var a;
var b;
var stuName;
var ab;
(6)如无特殊需求的话,尽量使用小驼峰命名法
var age;
var stuAge;
常量:
什么是常量?
一经声明就不允许修改的数据就是常量
语法:
const 常量名 = 值;
注意:常量名采用全大写的形式;
作业:
1、创建一个网页,嵌入一个<script></script>
2、声明一个常量PI,值为 3.14
3、声明一个变量r,表示一个圆的半径,随意赋值
4、通过PI和r计算圆的周长,并打印输出
2*π*r
5、通过PI和r计算圆的面积,并打印输出
π * r * r
输出格式(控制台):
半径为..的圆的周长为...
半径为..的圆的面积为...
WEBBASE篇: 第七篇, JavaScript知识1的更多相关文章
- python学习之路基础篇(第七篇)
一.模块 configparser configparser用于处理特定格式的文件,其本质是利用open来对文件进行操作 [section1] # 节点 k1 = v1 # 值 k2:v2 # 值 [ ...
- WEBBASE篇: 第十一篇, JavaScript知识6
JavaScript 知识6 一, String 对象 1,分隔字符串, 函数: split(seperator) 作用: 将字符串,通过seperator 拆分成一个数组: eg: var msg= ...
- WEBBASE篇: 第十篇, JavaScript知识5
JavaScript知识5 <!doctype html> <html lang="en"> <head> <meta charset=& ...
- Python开发【第七篇】:面向对象 和 python面向对象进阶篇(下)
Python开发[第七篇]:面向对象 详见:<Python之路[第五篇]:面向对象及相关> python 面向对象(进阶篇) 上一篇<Python 面向对象(初级篇)> ...
- 第七篇 :微信公众平台开发实战Java版之如何获取微信用户基本信息
在关注者与公众号产生消息交互后,公众号可获得关注者的OpenID(加密后的微信号,每个用户对每个公众号的OpenID是唯一的.对于不同公众号,同一用户的openid不同). 公众号可通过本接口来根据O ...
- 第七篇 SQL Server安全跨数据库所有权链接
本篇文章是SQL Server安全系列的第七篇,详细内容请参考原文. Relational databases are used in an amazing variety of applicatio ...
- 【Python之旅】第六篇(七):开发简易主机批量管理工具
[Python之旅]第六篇(七):开发简易主机批量管理工具 python 软件开发 Paramiko模块 批量主机管理 摘要: 通过前面对Paramiko模块的学习与使用,以及Python中多线程与多 ...
- 【译】第七篇 SQL Server安全跨数据库所有权链接
本篇文章是SQL Server安全系列的第七篇,详细内容请参考原文. Relational databases are used in an amazing variety of applicatio ...
- 【HANA系列】【第七篇】SAP HANA XS使用Data Services查询CDS实体【一】
公众号:SAP Technical 本文作者:matinal 原文出处:http://www.cnblogs.com/SAPmatinal/ 原文链接:[HANA系列][第七篇]SAP HANA XS ...
- 前端第三篇---前端基础之JavaScript
前端第三篇---前端基础之JavaScript 一.JavaScript概述 二.JavaScript的基础 三.词法分析 四.JavaScript的内置对象和方法 五.BOM对象 六.DOM对象 七 ...
随机推荐
- Log4j配置记录
log4j的配置文件就是用来设置记录器的级别.存放器和布局的,它可接key=value格式的设置或xml格式的设置信息.通过配置,可以创建出Log4J的运行环境. 1.配置文件 log4j配置文件的基 ...
- shadows
http://blog.51cto.com/11975865/2308030 https://www.jianshu.com/p/247cdbabf389 https://baijiahao.baid ...
- non-ZenoAndAcceptingLocation
PATTERN系列的番外篇 对non-Zeno的概念进行了明晰 accepting:if infinitely often the same state non-Zeno:if time diverg ...
- CSS【06】:CSS显示模式
div和Span标签 作用:一般用于配合css完成网页的基本布局 <style> .header{ width: 980px; height: 100px; background: red ...
- 6_linux用户及权限(1)
------------用户管理: useradd,userdel,usermod,passwd,chsh,chfn,finger,id,chage组管理: groupadd,groupdel,gro ...
- JAVA中字符串比较equals()和equalsIgnoreCase()的区别
1.使用equals( )方法比较两个字符串是否相等(区分大小写) 2.使用equalsIgnoreCase( )方法比较两个字符串是否相等(不区分大小写) boolean equalsIgnoreC ...
- swagger2的接口文档
以前见过一个swagger2的接口文档,特别好用,好看,对接口中入参描述的很详细:适合用于项目的开发 后来自己做项目的时候,没有找到这个swagger版本 <dependency> < ...
- RabbitMQ(5)FanoutExchange
Fanout 就是我们熟悉的广播模式或者订阅模式,给Fanout交换机发送消息,绑定了这个交换机的所有队列都收到这个消息. 生产者工程: package com.example.demo.rabbit ...
- Rails6.0 Beta版本1: Action Text的简单使用
主要功能是新增2个主要的框架Mailbox和action Text. 和2个重要的可扩展的升级: multiple databases support和parallel testing. Action ...
- Django框架简介-开头
一.MVC框架和MTV框架(了解即可) MVC,全名是Model View Controller,是软件工程中的一种软件架构模式,把软件系统分为三个基本部分:模型(Model).视图(View)和控制 ...