JavaScript 基础一
内部: <Script Language="JavaScript" type="text/javascript"> JavaScript代码 </Script>
外部引用: <Script Language="JavaScript" src="文件名.js"> JavaScript代码 </Script>
一般脚本都是写在最后的。 如果要写在Head 里面 把要执行的方法写在 window.onload=function (){需要执行的方法) 在网页加载完成或执行
编写规则:
JavaScript区分大小写
JavaScript脚本程序必须嵌入在HTML文件中
JavaScript脚本程序中不能包含HTML标记代码 (但是,包含在双引号中就可以用了)
四种基本的数据类型:
数值(整数和实数)
字符串型(用“”号或‘’括起来的字符或数值)
布尔型(使True或False表示)
空值 null,undefind
*非空 非0 非假即是真
JavaScript 区分大小写,变量 myVar、 myVAR 和 myvar 是不同的变量
alert("好"); 打印到对话框
console.log(); 打印在console里面
document.write(); 打印在页面上
声明变量:
var a= 10;
* 全局变量不需要以 var 关键字进行声明, 但局部变量则必须以此关键字来声明。
parseInt()和parseFloat() 函数将字符串分别转换为整型和小数
循环三要术:
开头,自加,退出
for,if,swich跟C#里面差不多
声明数组:
var emp =new Array{"aa","bb","cc"};
var emp=[];
join:连接字符串 reverse:颠倒数组元素顺序 sort:进行排序
== 等于 1=="1" 真 (先转化成相同类型再比较值)
=== 严格等于 1===="1" 假 (先比较类型,类型相同再比较值,类型不同直接False)
短路原则:
A() || B() 当A()为真时,B()不用实现,称为短路
内置函数:
Eval() 用于计算字符串表达式的值
IsNan 是不是不是一个数字 不是数字为真,是数字为假
自定义函数:
function 函数名( 参数1,参数2,… ) { 语句; }
调用函数:函数调用一般和表单元素的事件一起使用,调用格式为:事件名=“函数名” ;
-----------------------------------------------------------------------------------------------------
三类对象:
浏览器对象: 1)window 整个窗体 2)document 空白 3)Url 地址栏
脚本对象: 1) String 字符串对象 2) Date 日期 3)Math 数学
HTML对象: 1)各种HTML对象 2)段落<p> 3)图片 <Img> 4) 超链接<A>等
String 对象
Length: 长度
indexOf(“子字符串”,起始位置 ) :查找字符串的位子
substr(0,1) :裁剪
Math 对象
random :返回0-1之间的随机数
round(y):四舍五入取整
5-10之间的随机数
公式:
var a=5,b=10;
c=Math.round((b-a)*Math.random())+a;
Date 对象
var tody =new Date();
setxxx :设置时间
getxxx: 获取时间
定时器函数
setTimeout的用法: setTimeout(“调用的函数”,”定时的时间”)
例: var myTime=setTimeout(”disptime( )”,1000);
clearTimeout(myTime); //关闭定时器
在页面上显示时间:
var bb;
function test()
{
var date = new Date();
var c = date.getFullYear() + "年" + date.getMonth() + "月" + date.getDate() + "日" + " " + date.getHours() + "点" + date.getMinutes() + "分" + date.getSeconds() + "秒";
var s2 = document.getElementById("s1");
s2.innerText = c;
bb=setTimeout("test()", ); //递归--》在某一个方法里面反复调用自己 最好换成 setInterval()
}
test();
function stop()
{
clearTimeout(bb); }
JavaScript 基础一的更多相关文章
- JavaScript基础
JavaScript基础 JavaScript是一门编程语言,浏览器内置了JavaScript语言的解释器,所以在浏览器上按照JavaScript语言的规则编写相应代码之,浏览器可以解释并做出相应的处 ...
- 一步步学习javascript基础篇(0):开篇索引
索引: 一步步学习javascript基础篇(1):基本概念 一步步学习javascript基础篇(2):作用域和作用域链 一步步学习javascript基础篇(3):Object.Function等 ...
- 前端之JavaScript基础
前端之JavaScript基础 本节内容 JS概述 JS基础语法 JS循环控制 ECMA对象 BOM对象 DOM对象 1. JS概述 1.1. javascript历史 1992年Nombas开发出C ...
- 一步步学习javascript基础篇(3):Object、Function等引用类型
我们在<一步步学习javascript基础篇(1):基本概念>中简单的介绍了五种基本数据类型Undefined.Null.Boolean.Number和String.今天我们主要介绍下复杂 ...
- Javascript基础回顾 之(三) 面向对象
本来是要继续由浅入深表达式系列最后一篇的,但是最近团队突然就忙起来了,从来没有过的忙!不过喜欢表达式的朋友请放心,已经在写了:) 在工作当中发现大家对Javascript的一些基本原理普遍存在这里或者 ...
- Javascript基础回顾 之(二) 作用域
本来是要继续由浅入深表达式系列最后一篇的,但是最近团队突然就忙起来了,从来没有过的忙!不过喜欢表达式的朋友请放心,已经在写了:) 在工作当中发现大家对Javascript的一些基本原理普遍存在这里或者 ...
- Javascript基础回顾 之(一) 类型
本来是要继续由浅入深表达式系列最后一篇的,但是最近团队突然就忙起来了,从来没有过的忙!不过喜欢表达式的朋友请放心,已经在写了:) 在工作当中发现大家对Javascript的一些基本原理普遍存在这里或者 ...
- JavaScript 基础回顾——对象
JavaScript是基于对象的解释性语言,全部数据都是对象.在 JavaScript 中并没有 class 的概念,但是可以通过对象和类的模拟来实现面向对象编程. 1.对象 在JavaScript中 ...
- javascript基础01
javascript基础01 Javascript能做些什么? 给予页面灵魂,让页面可以动起来,包括动态的数据,动态的标签,动态的样式等等. 如实现到轮播图.拖拽.放大镜等,而动态的数据就好比不像没有 ...
- javascript基础02
javascript基础02 1.数据类型 数据类型的描述在上篇的扩展中有写到链接 由于ECMAScript数据类型具有动态性,因此的确没有再定义其他数据类型的必要.这句话很重要. 如果以后再数据类型 ...
随机推荐
- socket 发送Ping包
参考链接: http://blog.csdn.net/zpxili/article/details/11542041 http://blog.csdn.net/cbuttonst/article/de ...
- Css中的变形及过渡动画
在css3的标准中新增加了变形样式,这些样式使得网页中各元素的位置形状的变换变得更加容易.其语法如下: transform:none | <transform-function>+ 其中对 ...
- PHP设计模式笔记九:装饰器模式 -- Rango韩老师 http://www.imooc.com/learn/236
装饰器模式(Decorator) 概述 1.装饰器模式可以动态地添加修改类的功能 2.一个类提供了一项功能,如果要在修改并添加额外的功能,传统的编程模式,需要写一个子类继承它,并重新实现类的方法 3. ...
- Android SDK及ADT更新访问问题的解决办法
一.访问问题Eclipse使用SDK Manager更新时总是出现问题 Failed to fetch URL https://dl-ssl.google.com/android/repository ...
- GDB实用的调试工具
GDB它是GNU Debuger缩写,它是GNU发表了unix通过应用程序调试工具. 它被广泛应用于在各种各种生产内部应用.GDB和所有的调试工具经常使用相同的,其主要特点是:监视变量的值.设置断点及 ...
- Word文档分割总结
Word文档分割总结 方法: 1. word创建子文件实现文件分割 2. VBA实现 3. 网上分割合并的插件软件 一. word创建子文件实现文件分割 打开需要分割的文件 >> 视图 & ...
- S2SH简单介绍和理解
struts2简介 Struts2是由WebWork基础上发展起来的,与struts1比较,选用struts2的理由是:①Struts1要求Action类继承一个抽象基类,而Struts2Action ...
- XML配置silverlight ,wcf 解析xml
XML 代码: <?xml version="1.0" encoding="utf-8" ?><ChartSet xmlns:xsi=&qu ...
- 使用Flex 和 Red5开发简单视频直播功能
Flex 是一个高效.免费的开源框架,可用于构建具有表现力的 Web应用程序,这些应用程序利用Adobe Flash Player和Adobe AIR, 可以实现跨浏览器.桌面和操作系统.虽然只能使用 ...
- hdu 2199
Problem Description Now,given the equation 8*x^4 + 7*x^3 + 2*x^2 + 3*x + 6 == Y,can you find its sol ...