网页制作之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控制的样式 ...
随机推荐
- STL之string插入
#include <iostream> #include <string> using namespace std; int main() { string s("h ...
- PHP开发中常见的安全问题详解和解决方法(如Sql注入、CSRF、Xss、CC等
页面导航: 首页 → 网络编程 → PHP编程 → php技巧 → 正文内容 PHP安全 PHP开发中常见的安全问题详解和解决方法(如Sql注入.CSRF.Xss.CC等) 作者: 字体:[增加 减小 ...
- BZOJ 1631: [Usaco2007 Feb]Cow Party( 最短路 )
这道题和蔡大神出的今年STOI初中组的第二题几乎一模一样... 先跑一遍最短路 , 再把所有边反向 , 再跑一遍 , 所有点两次相加的最大值即为answer --------------------- ...
- 【原创】MapGIS K9 三维二次开发入门
开发语言:C# 平台版本:MapGIS K9 SP3 MapGIS K9三维平台也提供了接口和组件以实现二次开发.用户可以根据提供的接口和组件进行二次开发,也可以借助MapGISK9数据中心框架,可以 ...
- 解析ASP.NET Mvc开发之删除修改数据
目录: 1)从明源动力到创新工场这一路走来 2)解析ASP.NET WebForm和Mvc开发的区别 3)解析ASP.NET Mvc开发之查询数据实例 4)解析ASP.NET Mvc开发之EF延迟加载 ...
- poj 2356
http://poj.org/problem?id=2356 方法一: 鸽巢原理 解题思路: n个数,,依次求其s[0],s[1],s[2],s[3].....s[n] 然后对 n取模,,必然会 ...
- C# 一些小东东
在C#中,如果有一个方法我们不想继续使用,需要废弃的时候,可以在该方法前面加上一个[Obsolete]. string[] arr={"a","b"} if $ ...
- hibernate 数据关联一对多 3.1
一对多,多对一 (在多的一端存放一的外键) 但是在实体类中不需要创建这个外键 // 在一的一方创建Set集合 public class User { private Integer id; priva ...
- ThinkPHP 3.1.2 模板中的基本语法<2>
本节课大纲: 一.导入CSS和JS文件 1.css link js scr <link rel='stylesheet' type='text/css' href='__PUBLIC__/Css ...
- Trie树:应用于统计和排序
Trie树:应用于统计和排序 1. 什么是trie树 1.Trie树 (特例结构树) Trie树,又称单词查找树.字典树,是一种树形结构,是一种哈希树的变种,是一种用于快速检索的多叉树结构 ...