【必发88】javascript对象的相干操作小结,JavaScript对象属性检查

by admin on 2019年7月21日

正文实例陈述了JavaScript创立三个object对象并操作对象属性的用法。分享给大家供我们仿效。具体解析如下:

反省属性

咱俩理解浏览器对象模型(BOM)是javascript的构成之一,它提供了独自于剧情与浏览器窗口进行互相的对象。其分支结构如下:

Cookie 对象

下边的JS代码创制了贰个myMovie对象,并给目的title和director属性赋值,通过Object定义对象,其质量能够毫不定义,直接调用就可以,特别轻易。

var mouse = {
 "name": "betta",
 "age": 3,
 "varieties": "milaoshu"
}

mouse.hasOwnProperty("name"); // true
mouse.hasOwnProperty("sex"); //false

必发88 1

是一种以文件(Cookie文件)的花样保留在客户端硬盘的Cookies文件夹中的数据新闻(Cookie数据)。Cookie文件夹中的用户数量音讯(Cookie数据)。Cookie文件由所拜见的Web站点创设,以深入的保存客户端与Web站点间的对话数据,并且该Cookie数据只同意被所访问的Web站点举办读取。(不容许开始展览跨域的拜望)

<script type="text/javascript">
var myMovie = new Object();  
myMovie.title = "Aliens";
myMovie.director = "James Cameron";
document.write("movie: title is \""+myMovie.title+"\"");
</script>

扩充属性

window对象是整套BOM的主干其有document(文书档案对象)、location(地址对象)
和history(历史目的组成)

Cookie文件的格式:

输出结果如下:

概念个目的 dog,然后给予种种特色,再予以
color本性,最终遍历全体的性质以及值

调用对象属性的语法:

NS:Cookie.txt
IE:用户名@域名.txt

movie: title is "Aliens"
var dog={
 name:"芒果",
 type:"会之王",
 eat:function(){
  alert("吃");
 }
}
 Object.prototype.color="白色";
 var name;
 for(name in dog){
  document.write(name+" "+dog[name]+"<br>")
 }

1.对象.属性名=“属性值”;
2.对象[【必发88】javascript对象的相干操作小结,JavaScript对象属性检查。“属性名称字符串”]=”属性值”;

javascript 写入Cookie

期待本文所述对大家的javascript程序设计有所帮衬。

功用如下

调用对象方法的语法:

格式:
document.cookie=”关键字=值[;expires=有效日期][;…]”
【必发88】javascript对象的相干操作小结,JavaScript对象属性检查。备注:
实惠日期格式:Wdy,DD-Mon-YY HH:MM: SS
Wdy/Mon : 拉脱维亚语星期/月份;
还包含path、domain、secure属性;
每个Web站点(domain)可建立20个Cookie数据;
各样浏览器可存款和储蓄300个Cookie数据,4K字节;
客户有禁止Cookie数据的写入。

您可能感兴趣的文章:

  • 比释尊讲疏解JavaScript中有关目的操作的有关知识
  • JavaScript操作XML/HTML相比较常用的靶子属性集锦
  • 详解JavaScript对Date对象的操作难题(生成多少个倒数7天的数组)
  • JavaScript对象属性检查、扩大、删除、访谈操作实例
  • javascript内置对象操作详解
  • 浅析javascript操作
    cookie对象
  • JavaScript基础语法、dom操作树及document对象
  • js用Date对象的setDate()函数对日期举行加减操作
  • Jquery操作js数组及对象示例代码
  • javascript对象的施用和属性操作示例详解
  • 分析JavaScript中delete操作符无法去除的靶子
  • javascript对象的有关操作小结
name 芒果
type 会之王
eat function (){ alert("吃"); }
color 白色

1.目的的办法名();
2.对象[“方法名称字符串”]();

用js操作库克ie要比用jsp servlet来操作库克ie要麻烦的多

删除属性

window对象的常用方法

干什么在Cookie文件夹中看不到用来贮存Session的Cookie文件?

var cat = {
  "name": "tom",
  "sex": "man",
  "color": "yellow"
}
delete cat.name;
cat.sex = undefined;
cat.color = null;
alert("name属性是否存在:" + cat.hasOwnProperty("name")); //false
alert("sex属性是否存在:" + cat.hasOwnProperty("sex")); //true
alert("color属性是否存在:" + cat.hasOwnProperty("color")); //true

window对象的常用方法

      用两种档期的顺序的Cookie

做客属性

名 称 说 明
prompt() 显示可提示用户输入的对话框
alert() 显示一个大有提示信息和一个“确定“按钮的警示对话框
confirm() 显示一个大有提示信息、”确定“和”取消“按钮的对话框
close() 关闭浏览器窗口
open() 打开一个新的浏览器窗口加载给定URL所指定的文档
setTimeout() 在指定毫秒数后调用函数或计算表达式
setInterval() 按照指定的周期(以毫秒记)来调用函数或计算表达式

悠久性Cookie,会被储存到客户端的硬盘上。
会话Cookie:不会积存到客户端的硬盘上,而是放在浏览器进度所处的内部存款和储蓄器个中,当浏览器关闭则该会话Cookie就销毁了。

var cat = {
  "name": "tom",
  "sex": "man",
  "color": "yellow"
}
var name1 = cat.name; //通过点操作符来访问对象属性
var name2 = cat["name"]; //通过中括号操作符来访问对象属性

窗口的特点属性

复制代码 代码如下:

还会有创制对象的二种艺术

名 称 说 明
height、width 高度、宽度(以像素记)
left、top 窗口的x和y坐标 以像素记
toolbar 是否显示浏览器的工具栏
scrollbars 是否显示滚动条
location 是否显示地址栏
status 是否添加状态栏
menubar 是否显示菜单栏
resizable 窗口是否可调节尺寸
titlebar 是否显示标题栏
fullscreen 是否使用全屏模式显示浏览器

<!DOCTYPE html>
<html>
<head>
</head>
<body>
<script type=”text/javascript”>
    var today=new Date();
   
    var expireDay=new Date();
    var msPerMonth=24*60*60*1000*31;
    expireDay.setTime(today.getTime()+msPerMonth);
    document.cookie=”name=liujl;expires=”+expireDay.toGMTString();
    document.writeln(“cookie已经写到硬盘上了”);
    document.writeln(“内容是:”+document.cookie);
    document.writeln(“过期时光:”+expireDay.to林大霉素TString());
</script>
</body>
</html>

var obj = new Object();
obj.name = "MangGuo";
obj.age = 25;

var obj = {
  name : "MangGuo", //name是属性名,"MangGuo"是值
  age : 25
}

window对象的常用事件

你恐怕感兴趣的小说:

  • 必发88,举个例子来讲批注JavaScript中有关指标操作的连锁知识
  • JavaScript操作XML/HTML比较常用的靶子属性集锦
  • 详解JavaScript对Date对象的操作难题(生成四个尾数7天的数组)
  • JavaScript对象属性检查、扩展、删除、访谈操作实例
  • JavaScript创设一个object对象并操作对象属性的用法
  • javascript内置对象操作详解
  • JavaScript基础语法、dom操作树及document对象
  • js用Date对象的setDate()函数对日期进行加减操作
  • Jquery操作js数组及对象示例代码
  • javascript对象的行使和属性操作示例详解
  • 深入分析JavaScript中delete操作符不能够去除的指标
  • javascript对象的相干操作小结

您或然感兴趣的小说:

  • 譬喻疏解JavaScript中关于目的操作的有关文化
  • JavaScript操作XML/HTML相比较常用的靶子属性集锦
  • 详解JavaScript对Date对象的操作难题(生成多个尾数7天的数组)
  • JavaScript创造叁个object对象并操作对象属性的用法
  • javascript内置对象操作详解
  • 浅析javascript操作
    cookie对象
  • JavaScript基础语法、dom操作树及document对象
  • js用Date对象的setDate()函数对日期实行加减操作
  • Jquery操作js数组及对象示例代码
  • javascript对象的运用和属性操作示例详解
  • 深入分析JavaScript中delete操作符不能够去除的指标
  • javascript对象的相干操作小结
名 称 说 明
onload 一个页面或一幅图像加载完成
onmouseover 鼠标指针移到某元素之上
onclick 鼠标单击某个对象
onkeydown 某个键盘按键被按下
onchange 域的内容被改变

自定义对象的宣示

率先种注解格局:

<script type="text/javascript">
  function paly() {
   var p = new Object();//创建一个Object对象开辟内存空间
   //给对象p定义属性
   p.age = 1;
   p.name = "javascript";
   //给对象p定义方法
   p.sayHi = function () {
    document.write("大家好!我是" + p.name + "我今年" + p.age + "岁了");
   }
   //返回对象p
   return p;
  }
  //创建自定义对象的实例
  var js = paly();
  //调用对象的方法
  js.sayHi();
  //调用对象的属性
  document.write(js.name);
 </script>

成效截图:

必发88 2

第二中艺术:

<script type="text/javascript">
  function paly() {

   //给对象定义属性
   this.age = 1;
   this.name = "javascript";
   //给对象定义方法
   this.sayHi = function () {
    document.write("大家好!我是" + this.name + "我今年" + this.age + "岁了");
   }

  }
  //创建自定义对象的实例
  var js = new paly();
  //调用对象的方法
  js.sayHi();
  //调用对象的属性
  document.write(js.name);
 </script>

作用截图:

必发88 3

对象属性的遍历

<script type="text/javascript">
  function paly() {

   //给对象定义属性
   this.age = 1;
   this.name = "javascript";
   //给对象定义方法
   this.sayHi = function () {
    document.write("大家好!我是" + this.name + "我今年" + this.age + "岁了");
   }

  }
  //创建自定义对象的实例
  var js = new paly();
  //遍历对象的属性
  for (var par in js) {
   document.write("js."+par+"="+js[par]);
  }
 </script>

职能截图:

必发88 4

with结构快

<script type="text/javascript">
  function paly() {

   //给对象定义属性
   this.age = 1;
   this.name = "javascript";
   //给对象定义方法
   this.sayHi = function () {
    document.write("大家好!我是" + this.name + "我今年" + this.age + "岁了");
   }

  }
  //创建自定义对象的实例
  var js = new paly();
  //with结构块中的方法或属性如不指定对象则默认为括号中(js)对象的属性或方法
  with (js) {
   sayHi();
   document.write("<br/>"+age);
  }
 </script>

成效截图:

必发88 5

如上那篇javascript对象的连带操作小结便是小编分享给大家的全部内容了,希望能给我们三个参阅,也冀望大家多多援救脚本之家。

您或许感兴趣的稿子:

  • 比喻疏解JavaScript中关于指标操作的相干知识
  • JavaScript操作XML/HTML比较常用的目的属性集锦
  • 详解JavaScript对Date对象的操作难点(生成二个倒数7天的数组)
  • JavaScript对象属性检查、扩张、删除、访谈操作实例
  • JavaScript创设三个object对象并操作对象属性的用法
  • javascript内置对象操作详解
  • 浅析javascript操作
    cookie对象
  • JavaScript基础语法、dom操作树及document对象
  • js用Date对象的setDate()函数对日期进行加减操作
  • Jquery操作js数组及对象示例代码
  • javascript对象的应用和总体性操作示例详解
  • 深入分析JavaScript中delete操作符不能够去除的对象

发表评论

电子邮件地址不会被公开。 必填项已用*标注

网站地图xml地图