网页制作之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控制的样式 ...
随机推荐
- 【数位dp】【HDU 3555】【HDU 2089】数位DP入门题
[HDU 3555]原题直通车: 代码: // 31MS 900K 909 B G++ #include<iostream> #include<cstdio> #includ ...
- nginx-lua实现简单权限控制
1,依赖软件:nginx(openresty) mysql(存储用户表)redis(存储用户登录token,有效期1周) create table account( uid integer not n ...
- Intersection(poj)
Intersection Time Limit: 1000MS Memory Limit: 10000K Total Submissions: 13140 Accepted: 3424 Des ...
- Romantic(裸扩展欧几里德)
Romantic Time Limit: 2000/1000 MS (Java/Others) Memory Limit: 32768/32768 K (Java/Others)Total Su ...
- 具体解释coredump
一,什么是coredump 我们常常听到大家说到程序core掉了,须要定位解决,这里说的大部分是指相应程序因为各种异常或者bug导致在执行过程中异常退出或者中止,而且在满足一定条件下(这里为什么说须要 ...
- ASP.NET页面传值的几种方式
页面传值是学习asp.net初期都会面临的一个问题,总的来说有页面传值. 存储对象传值.ajax.类.model.表单等!下面欧柏泰克和大家一起来看看asp.net页面传值方式一般有哪些?常用的较简单 ...
- java结构与算法之冒泡排序
一.什么是冒泡排序:冒泡排序是在从相邻两个数之间进行比较,这里将前面一个值定义为before,后面一个值定义为after:当before>after时i,交换他们的值,如果before<a ...
- muduo简化(1):Reactor的关键结构
说明:本文参照muduo代码,主要用意是简化muduo代码呈现其主要结构,并脱离muduo的文件依赖. 本节简化的是Reactor的关键结构部分:EventLoop.Poller.Channel.遵照 ...
- 关于RMAN的配置信息存储和控制文件的关系
没有使用catalog时,rman中的所有配置信息都会记入在 控制文件中 控制文件中dump出来的信息: *********************************************** ...
- ubuntu 10.04 下 samba 服务的配置
1. 安装 $ sudo apt-get install samba $ sudo apt-get install samba-common $ sudo apt-get install samb . ...