html+css复习之第2篇 | javascript

1. java 中定义数组和对象:

数组(Array)字面量 定义一个数组:
[40, 100, 1, 5, 25, 10] 对象(Object)字面量 定义一个对象:
{firstName:"John", lastName:"Doe", age:50, eyeColor:"blue"}

2. java中大小写敏感 ,换行是“\n”, 注释是“//”,多行注释以 /* 开始,以 */ 结尾 ,Value = undefined (没有使用值申明的变量)

3.  数据类型:字符串(String)、数字(Number)、布尔(Boolean)、数组(Array)、对象(Object)、空(Null)、未定义(Undefined)。

在 JavaScript 中有5种不同的数据类型:    string,    number,    boolean,   object,    function
3种对象类型: Object, Date, Array
2个不包含任何值的数据类型: null, undefined

4.  两种方法访问对象属性:person.lastName;person["lastName"];

5. java变量的生存期: JavaScript 变量的生命期从它们被声明的时间开始。局部变量会在函数运行以后被删除。全局变量会在页面关闭后被删除。

6.  HTML 中的全局变量:在HTML中, 全局变量是 window 对象: 所有数据变量都属于 window 对象。例如://此处可使用 window.carName

function myFunction() { carName = "Volvo"; }

7. html事件可以是浏览器行为,也可以是用户行为。

8. typeof操作符:

typeof "John"                // 返回 string
typeof 3.14 // 返回 number
typeof false // 返回 boolean
typeof [1,2,3,4] // 返回 object
typeof {name:'John', age:34} // 返回 object

9.  Date函数

getDate() 	从 Date 对象返回一个月中的某一天 (1 ~ 31)。
getDay() 从 Date 对象返回一周中的某一天 (0 ~ 6)。
getFullYear() 从 Date 对象以四位数字返回年份。
getHours() 返回 Date 对象的小时 (0 ~ 23)。
getMilliseconds() 返回 Date 对象的毫秒(0 ~ 999)。
getMinutes() 返回 Date 对象的分钟 (0 ~ 59)。
getMonth() 从 Date 对象返回月份 (0 ~ 11)。
getSeconds() 返回 Date 对象的秒数 (0 ~ 59)。
getTime() 返回 1970 年 1 月 1 日至今的毫秒数。

10. 正则表达式的两个方法:

1)search() 方法 用于检索字符串中指定的子字符串,或检索与正则表达式相匹配的子字符串,并返回子串的起始位置(可以使搜索功能更强大,例如不区分大小写),更多>>

var str = "Visit w3cschool";
var n = str.search(/w3cschool/i); //(i是一个修饰符,搜索不区分大小写)
输出结构为:6

2) replace()方法

var str = "Visit Microsoft!";
var res = str.replace(/microsoft/i, "w3cschool");
输出结果为: visit w3school!

11. try -  catch - throw

try{
var x=document.getElementById("demo").value;
if(x=="") throw "值为空";
if(isNaN(x)) throw "不是数字";
if(x > 10) throw "太大";
if(x < 5) throw "太小";
  }
  catch(err){
var y=document.getElementById("mess");
y.innerHTML="错误:" + err + "。";
}

12.  在网页上显示一个钟表 >>

<script>

function startTime(){
  var today=new Date();
  var h=today.getHours();
  var m=today.getMinutes();
  var s=today.getSeconds();
  // add a zero in front of numbers<10
  m=checkTime(m);
  s=checkTime(s);
  document.getElementById('txt').innerHTML=h+":"+m+":"+s;
  t=setTimeout(function(){startTime()},500); //间隔多少毫秒显示,1秒=1000毫秒
} function checkTime(i){
if (i<10) {
i="0" + i; }
return i;
}
</script> 第二种更简单的写法
function startTime()
{
var d=new Date();
var t=d.toLocaleTimeString();    
document.getElementById("demo").innerHTML=t;
t=setTimeout(function(){startTime()},500);
} //显示结果为 :下午16:03:07 ,间隔500秒刷新

13.  java 的 window location 方法得到当前页面的URL,并可实现重定向: location.hostname (返回web主机的域名例如www.runoob.com), location.pathname(返回路径名例如try/images)

window.location.assign() 方法加载新的文档(在当前窗口)。

window.open() 在新的窗口打开新的文档

14. history.back() 后退 ; history.foword() 前进 ;

15. java的弹窗 promt("请输入您的名字","") ; 提示框输入单个文本消息;

16. document.cookie 属性

赋值: document.cookie="username=John Doe; expires=Thu, 18 Dec 2013 12:00:00 GMT"; 
读取: var x = document.cookie;
例如:

首先,我们创建一个函数用于存储访问者的名字:

function setCookie(cname,cvalue,exdays)
{
var d = new Date();
d.setTime(d.getTime()+(exdays*24*60*60*1000));
var expires = "expires="+d.toGMTString();
document.cookie = cname + "=" + cvalue + "; " + expires;
}
再写一个获取Cookie的函数
function getCookie(cname)
{
var name = cname + "=";
var ca = document.cookie.split(';');
for(var i=0; i<ca.length; i++)
  {
  var c = ca[i].trim();
  if (c.indexOf(name)==0) return c.substring(name.length,c.length);
  }
return "";
}
接着写一个函数,检测Cookie值是否创建
function checkCookie()
{
var username=getCookie("username");
if (username!="")
  {
  alert("Welcome again " + username);
  }
else
  {
  username = prompt("Please enter your name:","");
  if (username!="" && username!=null)
    {
    setCookie("username",username,365);
    }
  }
}

上一篇:使用JS制作一个鼠标可拖的DIV(三)——移动带图片DIV


下一篇:gitlab使用入门