内部: <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 基础一的更多相关文章

  1. JavaScript基础

    JavaScript基础 JavaScript是一门编程语言,浏览器内置了JavaScript语言的解释器,所以在浏览器上按照JavaScript语言的规则编写相应代码之,浏览器可以解释并做出相应的处 ...

  2. 一步步学习javascript基础篇(0):开篇索引

    索引: 一步步学习javascript基础篇(1):基本概念 一步步学习javascript基础篇(2):作用域和作用域链 一步步学习javascript基础篇(3):Object.Function等 ...

  3. 前端之JavaScript基础

    前端之JavaScript基础 本节内容 JS概述 JS基础语法 JS循环控制 ECMA对象 BOM对象 DOM对象 1. JS概述 1.1. javascript历史 1992年Nombas开发出C ...

  4. 一步步学习javascript基础篇(3):Object、Function等引用类型

    我们在<一步步学习javascript基础篇(1):基本概念>中简单的介绍了五种基本数据类型Undefined.Null.Boolean.Number和String.今天我们主要介绍下复杂 ...

  5. Javascript基础回顾 之(三) 面向对象

    本来是要继续由浅入深表达式系列最后一篇的,但是最近团队突然就忙起来了,从来没有过的忙!不过喜欢表达式的朋友请放心,已经在写了:) 在工作当中发现大家对Javascript的一些基本原理普遍存在这里或者 ...

  6. Javascript基础回顾 之(二) 作用域

    本来是要继续由浅入深表达式系列最后一篇的,但是最近团队突然就忙起来了,从来没有过的忙!不过喜欢表达式的朋友请放心,已经在写了:) 在工作当中发现大家对Javascript的一些基本原理普遍存在这里或者 ...

  7. Javascript基础回顾 之(一) 类型

    本来是要继续由浅入深表达式系列最后一篇的,但是最近团队突然就忙起来了,从来没有过的忙!不过喜欢表达式的朋友请放心,已经在写了:) 在工作当中发现大家对Javascript的一些基本原理普遍存在这里或者 ...

  8. JavaScript 基础回顾——对象

    JavaScript是基于对象的解释性语言,全部数据都是对象.在 JavaScript 中并没有 class 的概念,但是可以通过对象和类的模拟来实现面向对象编程. 1.对象 在JavaScript中 ...

  9. javascript基础01

    javascript基础01 Javascript能做些什么? 给予页面灵魂,让页面可以动起来,包括动态的数据,动态的标签,动态的样式等等. 如实现到轮播图.拖拽.放大镜等,而动态的数据就好比不像没有 ...

  10. javascript基础02

    javascript基础02 1.数据类型 数据类型的描述在上篇的扩展中有写到链接 由于ECMAScript数据类型具有动态性,因此的确没有再定义其他数据类型的必要.这句话很重要. 如果以后再数据类型 ...

随机推荐

  1. HttpServletRequest对象方法的用法(转)

    原文地址:http://blog.csdn.net/xh16319/article/details/8450715 原文作者:ITSTAR 文章太赞,忍不住就想转..... 1. 获得客户机信息    ...

  2. EBS OAF开发中的Java 实体对象(Entity Object)验证功能补充

    EBS OAF开发中的Java 实体对象(Entity Object)验证功能补充 (版权声明,本人原创或者翻译的文章如需转载,如转载用于个人学习,请注明出处:否则请与本人联系,违者必究) EO理论上 ...

  3. Android开发(20)--RadioGroup的使用

    RadioGroup 有时候比較实用.主要特征是给用户提供多选一机制. MainActivity.java package com.example.lesson16_radio; import and ...

  4. HashSet的分析(转)

    一.  HashSet概述: HashSet实现Set接口,由哈希表(实际上是一个HashMap实例)支持.它不保证set 的迭代顺序:特别是它不保证该顺序恒久不变.此类允许使用null元素. 二.  ...

  5. 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 ...

  6. 分页搜索查询sql

    select * from (select t.*,rownum no from " + table + " t where scbj=0)where (no>(" ...

  7. Oracle触发器Trigger4触发条件_when的使用

    /* 同一表使用所有条件 Create or replace trigger t5 Before insert,delete,update on 表名 For each row //plsql块 */ ...

  8. oracle 数据库 分割字符串返回结果集函数

    CREATE OR REPLACE FUNCTION "UFN_SPLIT" (      p_list varchar2,      p_sep varchar2 := ',' ...

  9. Gruntjs构工具学习视频

    在这里推荐一个Gruntjs的学习视频,非常不错! http://www.imooc.com/learn/30

  10. line-height下的dispay:inline-block垂直居中

    html: <div class="search fl"> <span class="search-box"> <input ty ...