网页制作之JavaScript部分 1 - 语法(复制教材内容)
一、简介
1、JavaScript它是个什么东西?
它是个脚本语言,需要有宿主文件,他的宿主文件是html文件。
2、它与Java有什么关系?
没有什么直接联系,java是Sun公司(已经没有了,被Oracle收购了),JavaScript是Netscape(网景公司 也没有了,被美国在线收购了),Jscript是微软的,90%像JavaScript,一些功能只能在IE上使用。
3、它的用法
在html中的位置有三块:1.head里面 2.body里面 3.</html>之后,为了保险起见一般写在</html>之后。<script language="javascript">代码必须放在这里面</script>
4、三个常用对话框
alert("") 警告对话框,作用是弹出一个警告对话框;
alert("出现错误") :
confirm("") 确定对话框,作用是弹出一个可供选择的确定对话框,点击确定之后,它返回ture,点击取消返回flase,可用变量来接收。
confirm("确定退出么") :
prompt("要显示的提示文字"),作用是弹出一个可以输入内容的对话框。
prompt("输个数字进来吧","只能是数字哦") :
二、语句及数据类型
1、基本数据类型:
字符串、小数、整数、日期时间、布尔型等。
2、变量:
都是通用类型var,可以随便存储其它类型的值,可以直接使用,不用定义,但习惯上定义。定义变量:var a;所有变量定义都用var定义,var是通用的可变类型。
3、类型转换:
分为自动转换和强制转换,一般用强制转换。
其它类型转为整数:parseint();
其它类型转为小数:parsefloat();
另外判断是否是一个合法的数字类型:isNaN() ;
是数字的话返回false,不是数字的话返回true,如下:
var a;
prompt("输个数字进来吧","只能是数字哦") ;
a=isNaN();
alert(a);
如果输入的是数字:
则返回值:
4、运算符:
数学运算符:+ - * / % ++ --;
关系运算符:== != > >= < <=;
逻辑运算符:&& || !;
其它运算符:+= -= *= /= %= ?:
5、语句:
一般分为顺序,分支和循环语句。
(1)分支是if语句:
If(判断条件)
{
满足条件要执行的语句
}
else
{
不满足条件要执行的语句
}
(2)循环用for语句:
for(初始条件;循环条件;状态改变)
{
循环体
}
(3)问题类型:穷举,迭代
(4)两个关键词:break 和continue
(5)如果要输出某一参数的值:输出的值是"+a+"和"+b
6、数组:
数组的定义:new Array();它的长度是动态变化的,里面可以放任意类型的元素。
数组元素的赋值:a[0]=123;a[1]="hello";
数组取值:a[i];
数组属性:a.length;数组元素的个数,长度。
方法:a.sort();排序数组,按照第一个字符排序,a.reverse();翻转数组
7、函数:
函数的四要素:名称,输入,返回值,加工。
定义函数:function add(形参) { 函数体 },函数名为add,输入为参数的形式,返回值可以是var类型也可以return个值;
函数不调用是不会执行的,函数的调用:add(实参)。
8.常用的数学函数
在Javascript中,数学方法可以分成以下几类:
constans(常数)、power functions(乘方函数)、trigonometic functions(三角函数)、rounding functions(舍入函数)、random numbers(随机数字)
常数和乘方函数
| Math.E | 自然对数的底(为常数) | 2.718 |
| Math.LN10 | 10的自然对数 | 2.302 |
| Math.LN2 | 2的自然对数 | 0.693 |
| Math.PI | 圆周率 | 3.1415 |
| Math.SQRT1_2 | 1/2的平方根 | 0.707 |
| Math.SQRT2 | 2的平方根 | 1.414 |
| Math.sqrt(x) | X的平方根 | 更X的值有关 |
| Math.pow(x, n) | 返回x的n次方的数值 | 参数为x和n |
| Math.log(n) | 返回n的自然对数 | 参数为n |
| Math.exp(n) | 返回e的n次方的数值 | 参数为n |
三角函数
| Math.cos(x) | X的余弦函数 |
| Math.sin(x) | X的正弦函数 |
| Math.tan(x) | X的正切函数 |
| Math.acos(y) | X的反余弦函数 |
| Math.asin(y) | X的反正弦函数 |
| Math.atan(y) | X的反正切函数 |
这里注意:参数x和以及反函数的返回数值的单位都为弧度(比如 PI弧度=180度)
舍入函数和随机数字
| Math.random() | 产生从0到1的随机数 |
| Math.round(x) | 取最接近整数x的数值 |
| Math.floor(x) | 取最接近整数x并且比x小的数值 |
| Math.ceil(x) | 取最接近整数x并且比x大的数值 |
| Math.min(a, b, c) | 返回参数列表中最小的数值 |
| Math.max(a, b, c) | 返回参数列表中最大的数值 |
网页制作之JavaScript部分 1 - 语法(复制教材内容)的更多相关文章
- 网页制作之JavaScript部分3--事件及事件传输方式(函数调用 练习题 )重要---持续更新中
一. 事件:说白了就是调用函数的一种方式.它包括:事件源.事件数据.事件处理程序. JS事件 1.js事件通常和函数结合来使用,这样可以通过发生的事件来驱动函数的执行,从而引起html出现不同的效果. ...
- 网页制作之JavaScript部分 2 - DOM操作
1.DOM的基本概念 htmlDOM是一种面向对象的树的模型,它包含html中的所有元素:通过html可以找到所有包含在dom中的元素. DOM是文档对象模型,这种模型为树模型:文档是指标签文档:对 ...
- 8、网页制作Dreamweaver(jQuery基础:安装、语法)
在<网页制作Dreamweaver(悬浮动态分层导航)>中,运用到了jQuery的技术,轻松实现了菜单的下拉.显示.隐藏的效果,不必再用样式表一点点地修改,省去了很多麻烦,那么jQuery ...
- HTML、CSS、JavaScript网页制作从入门到精通 (刘西杰) pdf扫描版彩色版
html.css.JavaScript网页制作从入门到精通中从基础知识开始讲起,如html的基本标记.文字与段落标记.表格标记.超链接标记……同时介绍了目前流行的web标准与css网页布局实例,以及基 ...
- JQuery制作网页—— 第一章 JavaScript基础
1. JavaScript(弱类型语言):是一种描述性语言,也是一种基于对象(Object)和事件驱动(Event Driven)的,并具有安全性能的脚本语言. 特点:1.主要用来在HTML页面中添加 ...
- Html JavaScript网页制作与开发完全学习手册
Html JavaScript网页制作与开发完全学习手册 篇 HTML技术章 HTML入门 1.1 什么是HTML 1.1.1 HTML的特点 1.1.2 HTML的历史 1.2 HTML文件的基本结 ...
- 7、网页制作Dreamweaver(悬浮动态分层导航)
悬浮动态分层导航的制作: 1.首先在<head>里面引用一个JQUERY的文件以用来制作鼠标点击动画效果(从网站上下载即可) <script language="javas ...
- Dreamweaver 1 网页制作
1.站点 1.1 创建站点 点击菜单栏中站点进行站点创建,输入站点名称,路径 1.2 设置图像文件夹 1.3 站点管理 站点的编辑.复制.删除 2.页面属性栏 2.1 外观 1.设置页面整体的字体.大 ...
- 网页制作之html基础学习1-简介
学习网页制作主要分为三大块 1.HTML 超文本标记语言( 全称:Hyper Text Markup Language) 专门编辑静态网页 2.CSS 网页美化:是HTML控制的样式 ...
随机推荐
- Android多线程断点续传下载
这个月接到一个项目.要写一个像360助手一样的对于软件管理的APP:当中.遇到了一个问题:多线程断点下载 这个 ,因为之前没有写过这方面的应用功能.所以.不免要自学了. 然后就在各个昂站上收索并整理了 ...
- Oracle 经典SQL 专为笔试准备
相信把这99条sql搞定,Oracle基本笔试简直就像玩的一样(史上最全,最经典的入门级Oracle查询语句) 1. select * from emp; 2. select empno, ename ...
- kendo ui grid 汉化
加入js引用 <link href="http://cdn.kendostatic.com/2014.2.716/styles/kendo.common.min.css" r ...
- C#中文件管理的运用(Twelfth Day)
又到了总结的时间了,今天在云和学院学习了文件管理的一些运用及复习昨天学的里氏转换.今天我就总结下昨天遗留下的问题以及今天所学的知识. 昨天遗留的问题 里氏转换(父类转子类) 例:在这里定义父类Peop ...
- Oracle创建表、索引、主键、字段描述
-- 创建表 create table SX04_LBALANCE ( YEAR VARCHAR2(10) not null, PROGRAMNO VARCHAR2(40) not null, FDA ...
- js基础之冒号
js中冒号的作用有两种, 转自:http://www.kqiqi.com/knowledge/web-based/506.html 一.?: 操作符 a = expression ? b : c;如果 ...
- Yii2归档安装法
打开dos 操作命令 1.先把init.bat 拖到dos命令窗口 打开 (如果拖过去没打开 可以回车Enter一下) 这里需要注意一下 下图红圈中是两种环境 0->开发环境 1-&g ...
- Python每日一练(2):找出html中的所有链接(Xpath、正则两个版本)
要在hrml文件中找出特定的内容,首先需要观察该内容是什么东西,在什么位置,这样才能找出来. 假设html的文件名称是:"1.html".href属性全都在a标签里. 正则版: # ...
- VC6中创建Qt工程的创建
文章来源:http://blog.sina.com.cn/s/blog_64d015c10100sf1o.html 本文主要介绍怎么创建可以在VC6中编译的QT工程.本文所采用环境为VC++6.0+Q ...
- perl学习(3) 列表
列表或称为数组,和c语言中的数据类似,只是perl自己特殊的一些写法. 1.1.定义 一个列表或者数组可以包含数字,字符串,undef 值,或者任意不同类型的标量值的组合,但是这些元素的类型通常是 ...