2015/12/13 --高级javascript实例和部分javascript对象实例

<html>

<head>

<script type = "text/javascript">

//替换字符串中的字符--replace()方法

var str = "Do you love me?";

document.write(str.replace (/me/who));

//查找字符串中指定的字符,若找到,返回该字符。---match()方法

var str = "hello kitty";

document.write(str.match("kitty") + "<br />");

document.write(str.match("kitty") + "<br />");

document.write(str.match("kitty1") + "<br />");

document.write(str.match("kitty!"));

//返回字符串中指定文本首次出现的位置---indexof()方法

var str = "hello world";

document.write(str.indexof("hello") + "<br>");

document.write(str.indexof("world") + "<br>");

document.write(str.indexof("world"));

//返回字符串长度

var txt = "welcome to my world!";

document.write(txt.length);

//为字符串添加样式

document.write("<p>Big:" + txt.big()+"</p>");

document.write("<p>Small:" + txt.Small() +"</p>");

document.write("<p>Bold:" + txt.bold() +"</p>");

document.write("<p>Italics:" + txt.italic() +"</p>");

document.write("<p>Blink:" + txt.blink() + "</p>");

document.write("<p>Fixed:" + txt.fixed() + "</p>");

document.write("<p>Strike:" + txt.strike() + "</p>");

dcument.write("<p>Fontcolor:" + txt.fontcolor("blue") + "</p>");

document.write("<p>Fontsiize:" + txt.fontsize(13) + "</p>");

document.write("<p>Uppercase:" + txt.uppercase() + "</p>");

document.write("<p>Lowercase:" + txt.lowercase() + "</p>");

document.write("<p>Suberscript:" + txt.sub() +"</p>");

doxument.write("<p>Superscript:" + txt.sup() + "</p>");

document.write("<p>Link:" + txt.link("http://www.baidu.com") + "</p>");

//创建用于对象的模版

function person(firstName,lastName,age,eyeColor){

this.firstName = firstName;

this.lastName = lastName;

this.age = age;

this.eyeColor = eyecolor;

}

mydear = new person("snoopy","peter",24,"black");

document.write(mydear.firsrName+ "的眼睛颜色是" + mydear.eyeColor);

//创建对象的实例

personObj = new Object();

personObj.firstName = "snoopy";

personObj.age = 35;

personObj.lastName = "abandon";

personObj.eyeColor = "blue";

document.write(personObj.firstName + "的年龄是" + personObj.age + "岁");

//使用计时事件制作的钟表

function startTime(){

var today = new Date();

var h = today.getHours();

var m = today.getMinutes();

var s = today.getSeconds();

m = checkTime(m);

s = checkTime(s);

document.getElementById("txt".innerHTML = h + ":" + m + ":" + s);

t = setTimeout("startTime()",500);

}

function checkTime(i){

if(i < 10){

i = "0" + i;

}

return i;

}

//带有停止按钮的无穷循环的计时事件

var c1 = 0;

var t1;

function timedCount(){

document.getElementById("txt").value = c1;

c1++;

t1 = setTimeout("timedCount()",1000);

}

function stopCount(){

c = 0;

setTimeout("document.getElementById("txt").value = 0",0);

clearTimeout(t);

}

//在一个无穷循环的计时事件

var c = 0;

var t;

function timedCount(){

document.getElementById("txt").value = c;

c++;

t = setTimeout("timedCount()",1000);

}

//另一个简单的计时

function timedText1(){

var t1 = setTimeout("document.getElementById ("txt").value = "two seconds"",2000);

var t2 = setTimeout("document.getElementById("txt").value = "four seconds"" ,4000);

var t3 = setTimeout("document.getElementById("txt").value = "six seconds"",6000);

}

//简单的计时

function timedMsg(){

var t = setTimeout(alert("5 secons!"),5000);

}

//添加了javascript的图像映射

function writeText(txt){

document.getElementById("desc").innerHTML = txt;

}

//按钮动画

function mouseOver(){

document.b1.src = "1.jpg"

}

function mouseOut.b1.src = "2.jpg";

</script>

</head>

<body onload = "startTime()">

//用计时事件制作的钟表

<div id = "txt"></div>

//带有停止按钮的无穷循环中的计时事件。

<form>

<input type = "button" value = "begain counts!" onclick = "timedCount()">

<input type = "button" value = "stop counting" onclick = "stopCount()">

<input type = "text" id = "txt">

</form>

<p>请点击上面的计时按钮,输入框会从0开始一直计数。点击停止按钮,计数将会从0重新开始。</p>

//一个无穷循环的计时事件

<form>

<input type = "button" value = "begain counts!" onclick = "setTimeout()">

<input type = "text" id = "txt">

</form>

<p>请点击上面的按钮,输入框会从0开始计算并且停止。</p>

//另一个简单的计时

<form>

<input type = "button" value = "show the time" onclick = "timedText()">

<input type = "txt" id = "txt">

</form>

<p>点击上面的按钮,输入框会显示逝去的时间。(2秒,4秒,6秒)</p>

//简单的计时

<form>

<input type = "button" value = "显示定时的警示框" onclick = "timedMsg()">

</form>

<p>请点击按钮,警示框会在5秒后显示。</p>

//添加了javascript的图像映射

<img src = "1.jpg" border = "0" alt = "planets" usemap = "planetmap">

<map name = "planetmap" id = "planetmap">

<area shape = "circle" coords = "180,139,14" onMouseOver =writeText("直到 20 世纪 60 年代,金星一直被认为是地球的孪生姐妹,因为金星是离我们最近的行星,同时还由于两者拥有很多共同的特征。 href = "/index.html" target ="_blank" alt = "Venus" ")>

<area shape = "circle" coords = "130,139,20" onMouseOver = writeText("从地球上是很难研究水星的,这是由于它和太阳的距离总是很近。") href = "/index.html"

target ="_blank" alt = "Mercury">

<area shape = "circle" coords = "140,130,49" onMouseOver = writeText("太阳和类似木星这样的气态行星是到目前为止太阳系中最大的物体。") href = "/index.html" target = "_blank" alt = "sun">

//按钮动画

<a href = "1/index.html" target = "_blank"></a>

<img boder ="0" alt = "Visit w3cschool" src = "2.jpg" onmouseover ="mouseOver() onmouseout ="mouseOut">

</body>

</html>

时间: 2024-10-12 19:49:08

2015/12/13 --高级javascript实例和部分javascript对象实例的相关文章

分布式技术一周技术动态 2015.12.13

分布式系统实践 1. 关于分布式事务.两阶段提交协议.三阶提交协议 http://www.hollischuang.com/archives/681?hmsr=toutiao.io&utm_medium=toutiao.io&utm_source=toutiao.io 要点: 分布式系统的数据一致性一直以来就是分布式系统中最难解决的问题之一, 本文介绍了传统的2PC和3PC协议以及他们的缺点, 理解了2PC和3PC之后, 回过头来大家就能理解paxos协议的具备的里程碑式的重要意义了(当然

Daily Scrumming* 2015.12.13(Day 5)

一.团队scrum meeting照片 二.今日总结 姓名 WorkItem ID 工作内容 签入链接以及备注说明  江昊 徐丞  王开      王若愚 1038 完成第一个页面 无签入  王春阳      付帅    杨墨犁     三.明日计划 姓名 WorkItem ID 工作目标 备注(没有写无)  江昊      徐丞      王若愚 1038 完成第一个页面 无  王开    王春阳      付帅      杨墨犁   四.燃尽图

2015.12.13 二维数组 函数指针 结构体

先说一下指针的用途:1.访问函数,在函数内部需要改变外部传入内部的值:2.函数中需得到一个连续存储空间的首地址:3.动态分配内存,需要记录分配内存的首地址.说穿了,指针的用途就是和地址相关的. 二维数组 定义方法 ①int temp1 [2][3] = {}; 第一个中括号是“行”,第二个中括号是“列”. ②int temp2 [][3] = {1,2,3,4,5,6}; “列数”不需要明确指出. ③int temp3 [2][3] = {1,2,3,4}; 后两个元素为0. char *nam

JavaScript如何获取对象实例的名字

大家都知道JavaScript是一种面向对象的语言,对象可以通过new关键字,实例化出来,但是,如果我想获取实例化对象的名字,怎么破?比如: 1 function Dog() { 2 this.myName = function() { 3 } 4 }; 5 6 var dog = new Dog(); 如何获取这个dog的名字"dog"呢?大家想过没,可以先想想! 其实大家想过没有,定义的全局变量为什么能够直接访问使用呢?实际上全局变量是绑定在window对象上的,都是window对

JavaScript学习总结(九)——Javascript面向(基于)对象编程

一.澄清概念 1.JS中"基于对象=面向对象" 2.JS中没有类(Class),但是它取了一个新的名字叫"原型对象",因此"类=原型对象" 二.类(原型对象)和对象(实例)的区别与联系 1.类(原型对象)是抽象,是概念的,代表一类事物. 2.对象是具体的,实际的,代表一个具体的事物. 3.类(原型对象)是对象实例的模板,对象实例是类的一个个体. 三.抽象的定义 在定义一个类时,实际上就是把一类事物的共有属性和行为提取出来,形成一个物理模型(模板)

设计模式之原型模式——复制建立对象实例

有一段时间没看书了,之前去参加了一个省上的比赛,马马虎虎吧--得了一个二等奖.不过感觉现在的比赛都有点水啊~哎,废话不多说,切入正题. 当我们在建立一些对象实例时,通常会使用new 关键字来进行实例化. 但有时候不靠指定类名的方式就能产生对象实例,此时不使用类来建立对象实例,而是复制对象实例另建一个新的对象实例. 通常这种需求发生在以下几种情况: 种类过多不方便整理成类时 不容易利用类产生对象实例时 希望把框架和所产生的对象示例分开时 下面我们用一个例子来看看. 需要创建五个JAVA文件: Pr

JavaSciptj高级程序设计 2015/12/28

第三章 基本概念 一.区分大小写 ECMAScript中的一切(变量.函数名和操作符)都区分大小写 二.标识符(变量.函数.属性的名字.函数的参数) (1)第一个字符必须是一个字母.下划线(-)或一个美元符号($) (2)其他字符可以是字母.下划线.美元符号或者数字 (3)采用驼峰大小写格式:第一个字母小写,剩下的每个单词的首字母大写 例如:firstSecond 三.注释 单行注释: // 多行注释: /* * * */ 四.严格模式 为javacript定义了一种不同的解析与执行模型.在严格

JavaSciptj高级程序设计 2015/12/29

第六章 面向对象的程序设计 数据属性:包含一个数据值的位置.在这个位置可以读取和写入值.数据属性有4个描述其行为的特性 [[Configurable]]:表示能否通过delete删除属性从而重新定义属性 [[Enumerable]]:表示能否通过for-in循环返回属性 [[Writeable]]:表示能否修改属性的值 [[Value]]:包含这个属性的数据值.读取属性值的时候,从这个位置读:写入属性值的时候,把新值保存在这个位置 alert(person.name);    //"Nichol

【我的书】Unity Shader的书 — 文件夹(2015.12.21更新)

写在前面 感谢全部点进来看的朋友.没错.我眼下打算写一本关于Unity Shader的书. 出书的目的有以下几个: 总结我接触Unity Shader以来的历程,给其它人一个借鉴.我非常明确学Shader的艰难,在群里也见了非常多人提出的问题. 我认为学习Shader还是一件有规律可循的事情,但问题是中文资料难觅,而大家又不愿意去看英文...这对我有什么优点呢?强迫我对知识进行梳理,对细节问题把握更清楚. 第二个原因你懂的. 关于本书的定位问题: 面向Unity Shader刚開始学习的人,但要