1,javaScript 是什么?
是脚本语言,需要有宿主文件,它的宿主文件是HTML文件。
2,它与Java什么关系?
没有什么直接的关系,Java是Sun公司(被Oracle收购了),
netspace(网景公司,美国在线收购),JScript是微软的,
与Java相似度90%,但一些功能只在IE上使用。
3,它的用法:
在HTML中位置有三块:
①head里面 ②body里面 ③</html>之后
为了保险起见,一般写在</html>之后。
<script.language="javascript">代码必须放在这里面</script>
4,三个常用对话框:
①alert(“”)警告对话框,作用是弹出一个警告对话框。
②confirm(“”)确定对话框,作用是弹出一个可供选择的确定对话框,点 击确定之后,它返回ture,点击取消返回false,可以用变量来接收。
③prompt(“要显示的提示文字”),作用是弹出一个可以输入内容的对话 框。

二、JavaScript语法
1,基本数据类型
字符串、小数、整数、日期时间、布尔型等。
2,变量:
都是通用型var,可以随便存储其他类型的值,可以直接使用,不用定义。但习惯定义。
定义变量:var a; //所有变量定义都用var定义,var是通用的可变类型。
var s=“3.14”; var n=parseFloat(s);s+=5;
var d=parseInt(s);
3,数组:
数组的定义:new Array();//它的长度是动态变化的,里面可以放任意类型的元素。
数组元素的赋值:a[0]=123; a[1]="hello";//元素中个索引从0开始。
数组的取值:a[i];
数组的属性:a.length; //zz数组元素的个数,长度。
方法:a.sort();//数组排序,按照每一个元素的第一个字符进行排序。 a.reverse();//翻转数组。
4,函数:
函数的四要素:名称、输入、返回值、加工。
定义的函数:function add(参数){函数体}//函数名为add,输入为参数的形式,返回值可以是var类型,也可以return一个返回值。
函数必须经过调用才能执行。函数的调用:add(实参)。

*放在头部也可以读取(最先读取头部)
表单提交时会自动刷新网页,最好关掉
写法:
1、输出
<script>
document.write("hello world");
</script>
2,按钮运用
<input name="alert" value="alert" type="button" onclick='alert'("这是出发事件")/>
3,定义变量并输出
var bianliang;
bianliang=“123”;
document.write(bianliang);
4、改变元素的属性
<p id="hello">hello</p>
<script>
function hello()
{
x=document.getElementById(“hello”)
x.style.color="#ff0000";
}
</script>
<input type="button" value="点击变颜色" onclick=“hello()”/>
<!--点击由黑色变红色-->
5、item索引,指示第n个出现的元素,与getElementsByName同时使用

定义一组变量

var student={
name:“张三”
sex:“男”
};
student.name="张三";
doucument.write(student.name);
(表示打印张三)
<script src=""></script>

1,类型转换:
分为自动转换和强制转换,一般用强制转换。
其他类型转换为整数:parseint();
其他类型转换为小数:parsefloat();
判断是否是一个合法的数字类型:isNaN();
是数字的话返回false,不是数字的话返回ture。

示例:

 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head> <body>
<p id="p">今天天气不错</p><input name="" type="button" value="点击使文字消失" onclick="visible()" /><input name="" type="button" value="点击使文字显示" onclick="visible1()" />
</body>
</html>
<script type="text/javascript">
var aa= prompt("请输入一个正整数","例如5");
if(aa!=null && aa!="")
{
var b = isNaN(aa);
alert(b)
}
function visible()
{
var a =document.getElementById("p");
a.style.visibility="hidden";
}
function visible1()
{
var a =document.getElementById("p");
a.style.visibility="visible";
}
</script>

prompt("请输入数字",“只能是数字”);

需要将prompt放进isNaN方法内

2.运算符:

数学运算符:+-*/%++--;
关系运算:== != >= <= ><;
逻辑运算符;&& || !;
其他运算符:+= -= *= /= %= ? :

3,语句:
一般分为顺序、分支和循环语句。
(1)分支语句if:
if(判断条件)
{

满足条件要执行的语句

}
else
{
不满足条件时执行的语句

}
(2)循环for语句:
for(初始条件;循环条件;状态改变)
{
循环体
}
(三)问题类型:穷举、迭代。
(四)两个关键词:break和continue。
(五)如果要输出某一参数的值:输出的值是“+a+”和“+b”
<script>function visiblel()
{

$("p").hide(); // 有问题

$(function(){  /*code here*/  })  这种写法是jQuery中常见的,$其实就是jQuery的一个引用,作用和jQuery(function(){  /*code here*/ }) 一个含义。
只有引用jquery $符才真正有作用

};</script></head><body><input type="button" onclick="visible1()"
value="点这里让文字消失"/><p>我会消失</p>
$("id1")相当于document.getElementById("id1")(文件.得到元素通过id)

1,DOM的基本概念
DOM是文档对象模型,这种模型为树模型; 文档是指标签文档;对象是指文档 中每个元素;模型是指抽象化的东西。
2,Windows对象操作
一,属性和方法:
属性(值或者子对象):
opener:打开当前窗口的源窗口,如果当前窗口是首次启动浏览器打开的,则opener是null。

dialogArgument:对话框返回值。

子对象:history location status menubar toolbar等

方法(函数):事件(事先设置好的程度,被触发)。

二、Window.open("第一部分",“第二部分”,“第三部分”,“第四部分”)
Window.open的特征参数:

name 像分组

jquery 动画特效
onmouseover 放上时 变亮 点击那张 滚到最中间
css样式

圆盾

1 prompt 要加条件if &&
2 $
3wschool 自学自查

2016/2/21 JavaScript简介的更多相关文章

  1. 2016.8.21 JavaScript 入门

    1.JavaScript的数据类型: ①undefined ②null ③boolean ④string ⑤symbol ⑥number,    object 2.在JavaScript中所有的变量和 ...

  2. 《JavaScript高级程序设计(第3版)》阅读总结记录第一章之JavaScript简介

    前言: 为什么会想到把<JavaScript 高级程序设计(第 3 版)>总结记录呢,之前写过一篇博客,研究的轮播效果,后来又去看了<JavaScript 高级程序设计(第3版)&g ...

  3. FeWeb基础之JavaScript简介

    FeWeb基础之JavaScript简介 1.JavaScript的基本介绍 JavaScript是一种基于对象和事件驱动并具有安全性能的脚本语言,它是通过嵌入或调入在标准的HTML语言中实现的.Ja ...

  4. JavaScript简介及示例

    JavaScript简介及使用 一.简介 JavaScript一种直译式脚本语言,是一种动态类型.弱类型.基于原型的语言,内置支持类型.它的解释器被称为JavaScript引擎,为浏览器的一部分,广泛 ...

  5. FFMpeg ver 20160219-git-98a0053 滤镜中英文对照 2016.02.21 by 1CM

    FFMpeg ver 20160219-git-98a0053 滤镜中英文对照 2016.02.21 by 1CM T.. = Timeline support 支持时间轴 .S. = Slice t ...

  6. HTML JavaScript简介

    一.JavaScript简介 1.JavaScript是个什么东西? 它是个脚本语言,需要有宿主文件,它的宿主文件是HTML文件. 2.它与Java什么关系? 没有什么直接的联系,Java是Sun公司 ...

  7. javascript简介和基本语法

    javascript简介 1.javascript是个脚本语言,需要有宿主文件,他的宿主文件是html文件. 用法:为了保险起见一般写在</html>之后<javascript   ...

  8. ”耐撕“团队 2016.3.21 站立会议3 2 1 GO!

    ”耐撕“团队 2016.3.21 站立会议 时间:2016.3.21  ① 17:20-17:45  ②17:55-18:10  总计40分钟 成员: Z 郑蕊 * 组长 (博客:http://www ...

  9. JavaScript简介、语法

    一.JavaScript简介 1.JavaScript是个什么东西? 它是个脚本语言,需要有宿主文件,它的宿主文件是HTML文件. 2.它与Java什么关系? 没有什么直接的联系,Java是Sun公司 ...

随机推荐

  1. Day 14A 网络编程入门

    ---恢复内容开始--- 计算机网络基础 计算机网络是独立自主的计算机互联而成的系统的总称,组建计算机网络最主要的目的是实现多台计算机之间的通信和资源共享.今天计算机网络中的设备和计算机网络的用户已经 ...

  2. 关键字搜索高亮jQuery插件

    // textSearch.js v1.0 文字,关键字的页面纯客户端搜索// 2010-06-23 修复多字母检索标签破碎的问题// 2010-06-29 修复页面注释显示的问题// 2013-05 ...

  3. 启动web项目卡在Initializing Spring root WebApplicationContext不动

    这几天在和同学一起做一个电教器材管理系统的Web项目,用SVN互通,在此记录下经常遇到的bug. Bug: 启动项目一直卡在Initializing Spring root WebApplicatio ...

  4. CF792E Colored Balls

    题目大意:将n个数分解成若干组,如4 = 2+2, 7 = 2+2+3,保证所有组中数字之差<=1. 首先我们能想到找一个最小值x,然后从x+1到1枚举并check,找到了就输出.这是40分做法 ...

  5. 【Html,Css,JavaScript】初学总结

    网页制作 HTML 一.通用模板: <!DOCTYPE html> <html lang=”en”> <head> <meta  charset=”UTF-8 ...

  6. 12.Spring通过FactoryBean配置Bean

    为啥要使用FactoryBean: 在配置Bean的时候,需要用到IOC容器中的其它Bean,这个时候使用FactoryBean配置最合适. public class Car { private St ...

  7. linux目录文件操作

    一.linux系统目录结构 1.顶层根目录 顶层根目录使用 “/”来表示 2.linux中的一些重要目录 (1)bin目录 放置常用的可执行文件(其中ls命令位列其中) (2)sbin目录 放置系统的 ...

  8. 【04】 CSS开发注意事项

    [04] CSS注意事项 1. 页面编码规范 1.1. 统一使用 UTF-8 编码,用@charset "utf-8"指定页面编码. 1.2. 全局字体设置: windows 7系 ...

  9. codevs4437 YJQ Arranges Sequences

    题目描述 Description 神犇YJQ有两个长度均为n的数列A和B,并且A是一个单调不增的数列.他认为这两个数列的优美度为.有一天YJQ很无聊,他把Bi进行重新排列,得到了许多不同的优美度.他想 ...

  10. 【small项目】MySQL第二天早上第一次连接超时报错,解决方法com.mysql.jdbc.exceptions.jdbc4.CommunicationsException:

    MySQL第二天早上第一次连接超时报错,解决方法com.mysql.jdbc.exceptions.jdbc4.CommunicationsException: Communications link ...