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数据类型具有动态性,因此的确没有再定义其他数据类型的必要.这句话很重要. 如果以后再数据类型 ...
随机推荐
- HttpServletRequest对象方法的用法(转)
原文地址:http://blog.csdn.net/xh16319/article/details/8450715 原文作者:ITSTAR 文章太赞,忍不住就想转..... 1. 获得客户机信息 ...
- EBS OAF开发中的Java 实体对象(Entity Object)验证功能补充
EBS OAF开发中的Java 实体对象(Entity Object)验证功能补充 (版权声明,本人原创或者翻译的文章如需转载,如转载用于个人学习,请注明出处:否则请与本人联系,违者必究) EO理论上 ...
- Android开发(20)--RadioGroup的使用
RadioGroup 有时候比較实用.主要特征是给用户提供多选一机制. MainActivity.java package com.example.lesson16_radio; import and ...
- HashSet的分析(转)
一. HashSet概述: HashSet实现Set接口,由哈希表(实际上是一个HashMap实例)支持.它不保证set 的迭代顺序:特别是它不保证该顺序恒久不变.此类允许使用null元素. 二. ...
- Tomcat6.0 only supports J2EE 1.2, 1.3, 1.4, and Java EE 5 Web modules
使用tomcat6发布项目的时候,报以上错误,servlet版本太高的原因.tomcat6不支持servlet3.0 解决方法有两个: 1.使用高版本的tomcat,如tomcat7.tomcat8 ...
- 分页搜索查询sql
select * from (select t.*,rownum no from " + table + " t where scbj=0)where (no>(" ...
- Oracle触发器Trigger4触发条件_when的使用
/* 同一表使用所有条件 Create or replace trigger t5 Before insert,delete,update on 表名 For each row //plsql块 */ ...
- oracle 数据库 分割字符串返回结果集函数
CREATE OR REPLACE FUNCTION "UFN_SPLIT" ( p_list varchar2, p_sep varchar2 := ',' ...
- Gruntjs构工具学习视频
在这里推荐一个Gruntjs的学习视频,非常不错! http://www.imooc.com/learn/30
- line-height下的dispay:inline-block垂直居中
html: <div class="search fl"> <span class="search-box"> <input ty ...