一、简介

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 - 语法(复制教材内容)的更多相关文章

  1. 网页制作之JavaScript部分3--事件及事件传输方式(函数调用 练习题 )重要---持续更新中

    一. 事件:说白了就是调用函数的一种方式.它包括:事件源.事件数据.事件处理程序. JS事件 1.js事件通常和函数结合来使用,这样可以通过发生的事件来驱动函数的执行,从而引起html出现不同的效果. ...

  2. 网页制作之JavaScript部分 2 - DOM操作

    1.DOM的基本概念  htmlDOM是一种面向对象的树的模型,它包含html中的所有元素:通过html可以找到所有包含在dom中的元素. DOM是文档对象模型,这种模型为树模型:文档是指标签文档:对 ...

  3. 8、网页制作Dreamweaver(jQuery基础:安装、语法)

    在<网页制作Dreamweaver(悬浮动态分层导航)>中,运用到了jQuery的技术,轻松实现了菜单的下拉.显示.隐藏的效果,不必再用样式表一点点地修改,省去了很多麻烦,那么jQuery ...

  4. HTML、CSS、JavaScript网页制作从入门到精通 (刘西杰) pdf扫描版彩色版​

    html.css.JavaScript网页制作从入门到精通中从基础知识开始讲起,如html的基本标记.文字与段落标记.表格标记.超链接标记……同时介绍了目前流行的web标准与css网页布局实例,以及基 ...

  5. JQuery制作网页—— 第一章 JavaScript基础

    1. JavaScript(弱类型语言):是一种描述性语言,也是一种基于对象(Object)和事件驱动(Event Driven)的,并具有安全性能的脚本语言. 特点:1.主要用来在HTML页面中添加 ...

  6. Html JavaScript网页制作与开发完全学习手册

    Html JavaScript网页制作与开发完全学习手册 篇 HTML技术章 HTML入门 1.1 什么是HTML 1.1.1 HTML的特点 1.1.2 HTML的历史 1.2 HTML文件的基本结 ...

  7. 7、网页制作Dreamweaver(悬浮动态分层导航)

    悬浮动态分层导航的制作: 1.首先在<head>里面引用一个JQUERY的文件以用来制作鼠标点击动画效果(从网站上下载即可) <script language="javas ...

  8. Dreamweaver 1 网页制作

    1.站点 1.1 创建站点 点击菜单栏中站点进行站点创建,输入站点名称,路径 1.2 设置图像文件夹 1.3 站点管理 站点的编辑.复制.删除 2.页面属性栏 2.1 外观 1.设置页面整体的字体.大 ...

  9. 网页制作之html基础学习1-简介

    学习网页制作主要分为三大块 1.HTML    超文本标记语言( 全称:Hyper Text  Markup Language) 专门编辑静态网页 2.CSS      网页美化:是HTML控制的样式 ...

随机推荐

  1. Redis 命令总结

    Redis命令总结   连接操作相关的命令 quit:关闭连接(connection) auth:简单密码认证 持久化 save:将数据同步保存到磁盘 bgsave:将数据异步保存到磁盘 lastsa ...

  2. Android实现应用下载并自动安装apk包

    安装: ? 1 2 3 4 5 String str = "/CanavaCancel.apk"; String fileName = Environment.getExterna ...

  3. WordPress创建过程

    最近php需要用php开发项目, 闲来无事,就研究了php,但是发了WordPress模板,这模板真心强大,简单易学好用, 好了直接正如正题 首先第一步 登录官网WordPress http://cn ...

  4. c++实现二分查找

    简要描述: 二分查找又称折半查找,优点是比较次数少,查找速度快,平均性能好:其缺点是要求待查表为有序表,且插入删除 困难. 条件:查找的数组必须要为有序数组. 二分查找的过程剩简要描述如下图: 二种实 ...

  5. 字符串解析成easyui-tree的格式

    传入的list: [30 : null : null, 301503 : null : null, 301501 : null : null, 301502 : null : null, 3015 : ...

  6. MongoDB入门(1)--安装配置

    第一步:下载安装 首先当然是找到官方网站http://www.mongodb.org/ 进入下载页面 可以看到,当前最新版本是2.4.5,我的电脑是64位的win7,所以要下载第一个(说明一下,第二个 ...

  7. js获取select默认选中的Option (非当前选中值)

    js函数方法: <script> function getDefaultSelectedOption(selectId, valIfNull) { var selectId = selec ...

  8. KbmMW资源汇总(更新中…)

    KbmMW框架是收费的,不在此提供下载,如需购买,请自行联系作者Kim Madsen. 网址资源: 官网主页:http://www.components4programmers.com/product ...

  9. cmake 学习笔记(四)

    接前面的一二三,学习一下 CMakeCache.txt 相关的东西. CMakeCache.txt 可以将其想象成一个配置文件(在Unix环境下,我们可以认为它等价于传递给configure的参数). ...

  10. C/C++用strncpy()与strstr()分割与匹配查找字符串

    最近做题遇到分割与匹配字符串的题目(hdu5311),看来别人的代码,才知道有strncpy()和strstr()函数,于是搜集了一点资料,记录一下基本用法. 一.strncpy() char * s ...