javaScript 基础学习(二)

来源:互联网 发布:云豹直播源码修复版 编辑:程序博客网 时间:2024/06/03 06:02

JavaScript String(字符串)对象 实例

计算字符串的长度
如何使用长度属性来计算字符串的长度。
为字符串添加样式
如何为字符串添加样式。
indexOf() 方法
如何使用 indexOf() 来定位字符串中某一个指定的字符首次出现的位置。
match() 方法
如何使用 match() 来查找字符串中特定的字符,并且如果找到的话,则返回这个字符。
如何替换字符串中的字符 - replace()
如何使用 replace() 方法在字符串中用某些字符替换另一些字符。
<html><body><script type="text/javascript">var str="I am Az!"document.write(str)document.write(str.match("Az!"));document.write(str.fontcolor("blue"));document.write(str.replace("Az","Azheng"));</script></body></html>

avaScript Date(日期)对象 实例

返回当日的日期和时间
如何使用 Date() 方法获得当日的日期。
getTime()
getTime() 返回从 1970 年 1 月 1 日至今的毫秒数。
setFullYear()
如何使用 setFullYear() 设置具体的日期。
toUTCString()
如何使用 toUTCString() 将当日的日期(根据 UTC)转换为字符串。
getDay()
如何使用 getDay() 和数组来显示 
星期,而不仅仅是数字。
显示一个钟表
如何在网页上显示一个钟表。

<html>
<body onload="startTime()">
<p id="txt"></p>
<script type="text/javascript">
 var d=new Date();
document.write(d+'<br>');
document.write(d.getTime()+'<br>');
document.write(d.toUTCString()+'<br>');
var h=d.getHours();
var m=d.getMinutes();
var s=d.getSeconds();
document.getElementById('txt').innerHTML=h+":"+m+":"+s;
t=setTimeout('startTime()',500);
</script>
</body>
</html>

数组对象的作用是:使用单独的变量名来存储一系列的值。

实例

创建数组
创建数组,为其赋值,然后输出这些值。
For...In 声明
使用 for...in 声明来循环输出数组中的元素。
合并两个数组 - concat()
如何使用 concat() 方法来合并两个数组。
用数组的元素组成字符串 - join()
如何使用 join() 方法将数组的所有元素组成一个字符串。
文字数组 - sort()
如何使用 sort() 方法从字面上对数组进行排序。
数字数组 - sort()
如何使用 sort() 方法从数值上对数组进行排序。


<html><body><script type="text/javascript">function compare(a,b){   return b-a;}var arr = new Array(6)arr[0] = "10"arr[1] = "5"arr[2] = "40"arr[3] = "25"arr[4] = "1000"arr[5] = "1"document.write(arr+'<br>');document.write(arr.sort(compare));</script></body></html>

RegExp 对象用于规定在文本中检索的内容。

什么是 RegExp?

RegExp 是正则表达式的缩写。

当您检索某个文本时,可以使用一种模式来描述要检索的内容。RegExp 就是这种模式。

简单的模式可以是一个单独的字符。

更复杂的模式包括了更多的字符,并可用于解析、格式检查、替换等等。

您可以规定字符串中的检索位置,以及要检索的字符类型,等等。

定义 RegExp

RegExp 对象用于存储检索模式。

通过 new 关键词来定义 RegExp 对象。以下代码定义了名为 patt1 的 RegExp 对象,其模式是 "e":

var patt1=new RegExp("e");

当您使用该 RegExp 对象在一个字符串中检索时,将寻找的是字符 "e"。


<html><body><script type="text/javascript">var patt1=new RegExp("e");document.write(patt1.test("The best things in life are free"));document.write(patt1.exec("e"));patt1.compile("d");document.write(patt1.test("The best things in life are free"));</script></body></html>

window.location 对象用于获得当前页面的地址 (URL),并把浏览器重定向到新的页面。

Window Location

window.location 对象在编写时可不使用 window 这个前缀。

一些例子:

  • location.hostname 返回 web 主机的域名
  • location.pathname 返回当前页面的路径和文件名
  • location.port 返回 web 主机的端口 (80 或 443)
  • location.protocol 返回所使用的 web 协议(http:// 或 https://)

<!DOCTYPE html><html><head><script>function newBtn(){window.location.assign("http://www.baidu.com");}document.write(location.pathname+'<br>');document.write(location.port+'<br>');document.write(location.hostname+'<br>');document.write(location.protocol+'<br>');document.write(location.href+'<br>');</script></head><body><input type="button" value="loading" onclick="newBtn()"></body></html>

JavaScript 消息框

  • JS Navigator

可以在 JavaScript 中创建三种消息框:警告框、确认框、提示框。

实例

警告框
带有折行的警告框
确认框
提示框


<html><body><script type="text/javascript">function MssLoad(){    var str=confirm("ok");    if(str==true)    {       alert("press ok");    }else     {       alert("press cancel");    }    }</script><input type="button" onclick="MssLoad()" value="button"></body></html>


0 0