一、简介

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. STL之string插入

    #include <iostream> #include <string> using namespace std; int main() { string s("h ...

  2. PHP开发中常见的安全问题详解和解决方法(如Sql注入、CSRF、Xss、CC等

    页面导航: 首页 → 网络编程 → PHP编程 → php技巧 → 正文内容 PHP安全 PHP开发中常见的安全问题详解和解决方法(如Sql注入.CSRF.Xss.CC等) 作者: 字体:[增加 减小 ...

  3. BZOJ 1631: [Usaco2007 Feb]Cow Party( 最短路 )

    这道题和蔡大神出的今年STOI初中组的第二题几乎一模一样... 先跑一遍最短路 , 再把所有边反向 , 再跑一遍 , 所有点两次相加的最大值即为answer --------------------- ...

  4. 【原创】MapGIS K9 三维二次开发入门

    开发语言:C# 平台版本:MapGIS K9 SP3 MapGIS K9三维平台也提供了接口和组件以实现二次开发.用户可以根据提供的接口和组件进行二次开发,也可以借助MapGISK9数据中心框架,可以 ...

  5. 解析ASP.NET Mvc开发之删除修改数据

    目录: 1)从明源动力到创新工场这一路走来 2)解析ASP.NET WebForm和Mvc开发的区别 3)解析ASP.NET Mvc开发之查询数据实例 4)解析ASP.NET Mvc开发之EF延迟加载 ...

  6. poj 2356

    http://poj.org/problem?id=2356 方法一:  鸽巢原理 解题思路:  n个数,,依次求其s[0],s[1],s[2],s[3].....s[n]  然后对 n取模,,必然会 ...

  7. C# 一些小东东

    在C#中,如果有一个方法我们不想继续使用,需要废弃的时候,可以在该方法前面加上一个[Obsolete]. string[] arr={"a","b"} if $ ...

  8. hibernate 数据关联一对多 3.1

    一对多,多对一 (在多的一端存放一的外键) 但是在实体类中不需要创建这个外键 // 在一的一方创建Set集合 public class User { private Integer id; priva ...

  9. ThinkPHP 3.1.2 模板中的基本语法<2>

    本节课大纲: 一.导入CSS和JS文件 1.css link js scr <link rel='stylesheet' type='text/css' href='__PUBLIC__/Css ...

  10. Trie树:应用于统计和排序

    Trie树:应用于统计和排序 1. 什么是trie树 1.Trie树 (特例结构树)       Trie树,又称单词查找树.字典树,是一种树形结构,是一种哈希树的变种,是一种用于快速检索的多叉树结构 ...