网页制作之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控制的样式 ...
随机推荐
- Foundation Sorting: Shellsort
/* Shell Sorting. * Implemention history:. * 2013-09-15, Mars Fu, first version. */ /* [Shell Sortin ...
- [ACM] POJ 3273 Monthly Expense (二分解决最小化最大值)
Monthly Expense Time Limit: 2000MS Memory Limit: 65536K Total Submissions: 14158 Accepted: 5697 ...
- 集合ArrayList案例
1.添加元素,读取 ArrayList n = new ArrayList(); n.Add();//集合中添加元素用Add,分别添加了1,2 n.Add(); foreach (int a in n ...
- if语句判断闰年、平年
一.让用户输入一个年份,判断是否是闰年. 判断一个年份是否是闰年有两个条件 ①能被400整除:②能被4整除但是不能被100整除 Console.WriteLine("请输入年份:" ...
- Object lifetime
Object lifetime Temporary object lifetime Storage reuse Access outside of lifetime Every object has ...
- [LeetCode]题解(python):025-Reverse Nodes in k-Group
题目来源: https://leetcode.com/problems/reverse-nodes-in-k-group/ 题意分析: 这道题目和上一题目类似,输入一个链表和一个整型k.每k个翻转一下 ...
- Subsets 【dfs】
Given a set of distinct integers, nums, return all possible subsets. Note: Elements in a subset must ...
- (C)高级排序法
1.快速排序法 //方法1 从大到小 #include <iostream.h> void run(int* pData,int left,int right) { int i,j; in ...
- java实现电脑远程控制完整源代码(转)
Java JDK1.4 的Robot对象,该对象可以完成屏幕图像截取操作,控制鼠标,键盘,如此便可以轻而易举地实现远程服务器的控制.本文向大家介绍如何用Java Robot对象实现远程服务器的控制,并 ...
- CloudStack修复bug
CloudStack应用越来越广,但是随着测试也遇到了越来越多的bug. 不想等待新版本发布而且又急于修复某些bug的童鞋,可以参考下本文内容. CloudStack是java语言写成,发布时会发布为 ...