Javascript学习------内部对象 String Date event（重要）

1.String 对象

·创建String对象：var String =new String(StringText);

（事实上任一一个字符串常量都是String对象，可以直接使用；

字符串与String对象的区别是：前者返回的typeof值是String类型，后者返回的是Object类型）

·String对象的属性（length、constructor、prototype）

·String对象的方法

anchor()：常见HTML锚；

格式化字符串的方法：

big():使用大号字体；small()：使用小号字体

bold()：粗体；italics()：斜体；strike()：删除线

fontsize()：指定字符大小

fontcolor()：指定字符颜色

link(URL):将字符串显示为链接

blink():显示闪动的字符串（IE不支持)

转换大小写：toLowerCase();toUpperCase();

        document.write(s.anchor("a"));document.write(s.big());document.write(s.small());document.write(s.bold());document.write(s.strike());document.write(s.italics());document.write(s.blink());document.write(s.link("test.html"));document.write(s.toUpperCase());document.write(s.toLowerCase());

2.Date 对象

·创建Date对象：var obj = new Date();

var obj = new Date(dataVal);

var obj = new Date(year,month,date[,hours[,minutes[,seconds[,ms]]]]);

注：dataVal如果是数字值，表示指定日期与1970年1月1日午夜间全球标准时间的毫秒数。

如果是字符串，那么按照parse方法中的规则进行解析。

·Date对象的属性只有两个：constructor，prototype

·Data对象的方法：

Data()：返回系统时间

获取时间和设置时间的方法：getDate()；setDate()

3.event对象

·Javascript用event对象来描述Javascript事件；比如事件在其中发生的元素、键盘按键的状态、鼠标的位置、鼠标按钮的状态

在IE中引用event对象，他被作为window对象属性访问：window.event;

语法：

elementObject.OnXXX=function(){
var eve=window.event; // 声明一个变量来接收event对象

}

在W3C中引用event对象，此时必须将event对象作为一个参数传递到事件处理函数中。

语法：

elementObject.OnXXX=function(e){
var eve=e; // 声明一个变量来接收 event 对象
}

上面的式子可以合并成：

elementObject.OnXXX=function(e){
var eve = e || window.event; // 使用 || 运算取得event对象
}

对event对象的介绍参考链接：

http://www.itxueyuan.org/view/6340.html

http://www.w3school.com.cn/jsref/dom_obj_event.asp

代码示例：

<!doctype html PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
<script type="text/javascript" src="event.js"></script>
<script language="javascript" type="text/javascript">//获取按下的键盘上的键document.οnkeydοwn=showkey;//获取按下的鼠标键//document.οnmοusedοwn=showmouse;//获取鼠标的坐标document.οnmοusedοwn=getXY;//文字随鼠标移动document.οnmοusemοve=txtmove;
</script></head>
<body>
<div id="divId" style="position: absolute; margin-left:20px;">
移动的文字
</div>
<p class="move_out">this</p>
</body>
</html>

// JavaScript Document
function showkey(e){var eve=e||window.event;if(eve.crtlKey){alert("ctrl:"+eve.keyCode);}if(eve.shiftKey){alert("shift:"+eve.keyCode);}if(eve.altKey){alert("alt:"+eve.keyCode);}if(eve.keyCode){alert(String.fromCharCode(eve.keyCode)+":"+eve.keyCode);}//可以设置shift，alt，ctrl同时按下动作
}
function showmouse(e){//button 属性仅用于||window.event;if(e.button==0){alert("按下鼠标左键");}if(e.button==1){alert("按下鼠标中键");}if(e.button==2){alert("按下鼠标右键");}
}
function getXY(e){var eve=e||window.event;alert(e.clientX+" "+e.clientY);
}//很有趣的代码，可以是文字随鼠标移动
function txtmove(e){var eve=e||window.event;var x=eve.clientX;var y=eve.clientY;var divId=document.getElementById("divId");if(!divId){return;}divId.style.left=x;divId.style.top=y;
}

----------使框体随鼠标移动的示例

<!--这是一个可移动框体的示例；要被移动的框体的style必须设置top和left属性-->
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>可移动框体</title>
</head>
<script text="text/javascript">var Obj="none";var pX;var pY;document.οnmοusemοve=function(){if(Obj!="none"){document.all(Obj).style.left=pX+window.event.x;document.all(Obj).style.top=pY+window.event.y;}}document.οnmοuseup=function(){Obj="none";}function div_down(tag){Obj=tag;pX=parseInt(document.all(Obj).style.left)-event.x;pY=parseInt(document.all(Obj).style.top)-event.y;}function hide(divid){var x=document.getElementById(divid);x.style.visibility="hidden";}
</script>
<body>
<div  id="div1"  style="visibility:visible ; background-color:lightblue; position: absolute; top: 60px; left: 200px; width: 300px; height:200px; "><div  οnmοusedοwn=div_down("div1") style="background-color:lightgreen; width:255px; float:left; cursor:move; text-indent:20px;">示例</div><img src="this.png" οnclick=hide("div1") alt="点击这个图标关闭窗口" style="margin-top:3px;float:right;" /><br/><br/><br/><br/><span>这个窗口可以移动<br/>也可以被关闭</span>
</div>
</body>
</html>

转载于:https://blog.51cto.com/7613943/1429619

Javascript学习------内部对象 String Date event（重要）相关推荐

Javascript学习------内部对象
1.Object对象创建Object对象: obj=new Object([value]) Object 对象的属性: ·prototype属性:该属性返回对象类型原型的调用. 可以使用该属性为对 ...
JavaScript学习（七）——对象与数组、内部对象（1）
目录 javascript对象与数组 javascript内部对象 object对象 1.创建object对象 2.object对象的属性 3.object对象的方法 String对象 1.创建Str ...
JavaScript学习笔记02【基础——对象（Function、Array、Date、Math）】
w3school 在线教程:https://www.w3school.com.cn JavaScript学习笔记01[基础--简介.基础语法.运算符.特殊语法.流程控制语句][day01] JavaS ...
JavaScript 学习笔记（二）
JavaScript 学习笔记(二) 文章目录 JavaScript 学习笔记(二) 一 JSON 1. JSON 对象什么是JSON对象 JSON对象与Javascript对象的区别在JavaS ...
html,CSS,JavaScript学习笔记
<html> <head><title>练习1.1</title> </head> <body><p align='cen ...
javascript学习指南——先导片
javascript学习: - 带有src属性的<script>元素不应该在其<script>和</script>标签之间再包含额外的JavaScript代码,如果 ...
前端学习之JavaScript学习-2021-09-2029
JavaScript学习 1.什么是JavaScript 1.1.概述 Javascript是一门世界上最流行的脚本语言一个合格的后端人员,必须要精通JavaScript 1.2.历史 JavaSc ...
javascript学习（三）内置对象
一:事件(Event)对象在触发dom事件的时候都会产生一个event对象 type 获取事件类型 target 获取事件目标 stopPropagation() 阻止事件冒泡 preven ...
JavaScript学习知识点归纳
JavaScript学习包括几大方面: 1.基础语法 2.JavaScript核心对象 3.DOM操作 4.BOM操作 5.正则表达式 6.AJAX 7.面向对象编程以下依次为各版块相关内容==&g ...

Javascript学习------内部对象 String Date event（重要）

Javascript学习------内部对象 String Date event（重要）相关推荐

最新文章

热门文章