整理了一些js,常用对象的实例

最新推荐文章于 2024-07-24 06:06:01 发布
最新推荐文章于 2024-07-24 06:06:01 发布
阅读量586 收藏
点赞数 1
分类专栏： 前端 前端学习路径
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/lvyang251314/article/details/79637276
版权

对象实例

JavaScript String（字符串）对象 实例


<!--返回字符串长度-->
<script type="text/javascript">
    var arr= "dadadd";
    document.write(arr.length);
</script> 

结果：



<!--为字符添加样式-->
<script type="text/javascript">
    var arr= "dadadd";
    document.write(arr.length+"<br>");
    document.write(arr);
    document.write("<p>"+arr.small()+"</p>");
    document.write("<p>"+arr.big()+"</p>");
    document.write("<p>"+arr.fixed()+"</p>");
    document.write("<p>"+arr.bold()+"</p>");
    document.write("<p>"+arr.blink()+"</p>");
    document.write("<p>"+arr.italics()+"</p>");
    document.write("<p>"+arr.fontcolor("red")+"</p>");
    document.write("<p>"+arr.fontsize("20px")+"</p>");
    document.write("<p>"+arr.toLowerCase()+"</p>");
    document.write("<p>"+arr.toUpperCase()+"</p>");
    document.write("<p>"+"1"+arr.sub()+"</p>");
    document.write("<p>"+"1"+arr.sup()+"</p>");
    document.write("<p>"+arr.link()+"</p>");
</script>

 结果：




<!--返回字符串中指定文本首次出现的位置-indexof-->
<script type="text/javascript">
    var arr= "dad add";
   document.write(arr.indexOf("d")+"<br>");
   document.write(arr.indexOf("1")+"<br>");
   document.write(arr.indexOf(" ")+"<br>");
   document.write(arr.indexOf("dad add")+"<br>");

</script>

结果：


 <!--查找字符串中特定的字符，若找到，则返回该字符 - match() 方法-->
<script type="text/javascript">
    var arr= "dadadd";
    document.write(arr.match("d")+"<br>");
    document.write(arr.match("e")+"<br>");
    document.write(arr.match("dad")+"<br>");
    document.write(arr.match("dadadd")+"<br>");
</script>

结果：


<!--替换字符串中的字符 - replace()-->
<script type="text/javascript">
    var arr= "dadadd";
    document.write(arr.replace("da","ccc"));

</script>

结果：


 JavaScript Date（日期）对象 实例
<!--使用 Date() 方法来返回今天的日期和时间-->
<script type="text/javascript">
 document.write(Date());

</script>

结果：


 <!--使用 setFullYear() 设置具体的日期-->
<script type="text/javascript">
var arr=new Date();
arr.setFullYear(2008,1,1)
document.write(arr);

</script>

结果：


 <!--使用 toUTCString() 把当日的日期（根据 UTC）转换为字符串-->
<script type="text/javascript">
var arr=new Date();
document.write(arr.toUTCString());

</script>

结果：


 <!--使用 getDay() 来显示星期，而不仅仅是数字-->
<script type="text/javascript">
    var weekday=new Date();
    var arr=new Array(7);
    arr[0]="星期日";
    arr[1]="星期一";
    arr[2]="星期二";
    arr[3]="星期三";
    arr[4]="星期四";
    arr[5]="星期五";
    arr[6]="星期六";
    document.write(arr[weekday.getDay()]);
</script>
 <body οnlοad="setTime()">
<div id="txt">

</div>

结果：


<!--显示一个钟表-->
<script type="text/javascript">
    function setTime() {
        var arr=new Date();
        var h=arr.getHours();
        var m=arr.getMinutes();
        var s=arr.getSeconds();
        m=check(m);
        s=check(s);
        t=setTimeout('setTime() ',1000);
        document.getElementById("txt").innerHTML=h+":"+m+":"+s;
    }


    function check(i){
       if(i<10){
           return "0"+i;
       }
       return i;
    }

</script>

</body>

结果：


 JavaScript Array（数组）实例
<!--创建数组 使用 for...in 声明来遍历数组中的元素-->
<script type="text/javascript">
    var x=0;
    var txt="";
   var arr = new Array();
   arr[0]="小明";
   arr[1]="小华";
   arr[2]="小白";
   arr[3]="小蓝";
   for(x in arr){
    txt=txt+arr[x]+"<br>";
   }
   document.write(txt);

</script>

结果：


 <!--合并两个数组 - concat()-->
<script type="text/javascript">
    var arr=new Array();
    arr[0]="sdsd";
    arr[1]="xvvdf";
    arr[3]="dffa";
    var txt=new Array();
    txt[0]="csdf";
    txt[1]="dss";
    txt[2]="sdad";
    document.write(arr.concat(txt));

</script>

结果：


 <!--用数组的元素组成字符串 - join()-->
<script type="text/javascript">
    var arr=new Array();
    arr[0]="sdsd";
    arr[1]="xvvdf";
    arr[2]="dffa";
    document.write(arr.join(".")+"<br>");
    document.write(arr.join("")+"<br>");
    document.write(arr.concat(txt));
</script>

 结果：


<!--文字数组 - sort()-->
<script type="text/javascript">
    var arr=new Array();
    arr[0]="sdsd";
    arr[1]="xvvdf";
    arr[2]="dffa";
    document.write(arr.sort()+"<br>");
    document.write(arr);
</script>

 结果：


<!--数字数组 - sort()-->
<script type="text/javascript">
    /*升序*/
    function sortNumber(a,b) {
     return a-b;
    }
    var arr=new Array();
    arr[0]="1231111";
    arr[1]="2";
    arr[2]="1341";
    document.write(arr+"<br>");
    document.write(arr.sort(sortNumber)+"<br>");

</script>

结果：


 JavaScript Boolean（布尔）对象 实例
<!--检查逻辑值-->
<script type="text/javascript">
    var b1=new Boolean( 0);
    var b2=new Boolean(1);
    var b3=new Boolean("");
    var b4=new Boolean(null);
    var b5=new Boolean(NaN);
    var b6=new Boolean("false");
   document.write("0 是逻辑的 "+ b1 +"<br />")
    document.write("1 是逻辑的 "+ b2 +"<br />")
    document.write("空字符串是逻辑的 "+ b3 + "<br />")
    document.write("null 是逻辑的 "+ b4+ "<br />")
    document.write("NaN 是逻辑的 "+ b5 +"<br />")
    document.write("字符串 'false' 是逻辑的 "+ b6 +"<br />")

</script>

结果：


 JavaScript Math（算数对象）实例
<!--使用round()对数字进行四舍五入取整-->
<!--floor对数进行下舍入。-->
<!--ceil对数进行上舍入。-->
<script type="text/javascript">
  var arr=0.023;
  var t=0.5;
  document.write(Math.round(arr)+"<br>");
  document.write(Math.round(t)+"<br>");
  document.write(Math.floor(arr)+"<br>");
  document.write(Math.floor(t)+"<br>");
  document.write(Math.ceil(arr)+"<br>");

  document.write(Math.ceil(t)+"<br>");

结果：


 <!--使用 random() 来返回 0 到 1 之间的随机数-->
<script type="text/javascript">
  document.write(Math.random());

</script>

结果：


 <!--使用max() 来返回两个给定的数中的较大的数-->
<script type="text/javascript">
document.write(Math.max(1,2,4,7,8)+"<br>");
document.write(Math.min(1,2,4,7,8));

</script>

结果：


lvyang251314
关注
专栏目录
JS内置对象（各种案例）
多多学习
11-01 248
js将一些复杂的方法封装成对象，我们在使用时可以直接调用 常见的内置对象有：Array对象、Date对象、正则表达式对象、string对象、Global对象 、Math对象等 提示：了解更多可以去看MDN文档，JavaScript | MDN Math对象(常用) abs 取绝对值 floor 向下取整 ceil 向上取整 round 四舍五入 （.5往大了取） 比如 round(-1.5) //-1 random 返回一个随机小数，里面有参...
JavaScript 对象 实例
ZooJinGoo的博客
11-28 681
一、Array对象的一些属性1.slice Object.slice(var1,var2); //表示选取对象Object数组中从Object[var1]到Object[var2-1]之间的元素（包含首尾） 如 var fruits = ["Banana", "Orange", "Lemon", "Apple", "Mango"]; var citrus = fruits.slice(0,
JavaScript 对象实例
最新发布
xyq2024的博客
07-24 948
JavaScript 对象是这门语言的核心特性之一。通过对象字面量、构造函数和方法，可以轻松地创建对象。对象的属性和方法可以通过点符号或方括号来访问和设置。原型链和继承允许对象共享方法和属性，这是 JavaScript 面向对象编程的重要组成部分。理解这些概念对于成为一名熟练的 JavaScript 开发者至关重要。
js--对象小案例
小白小白从不日别的博客
05-29 189
<script> function Car(color) { this.color = color, this.name = "BWM", this.height = "1400", this.lang = "4900", this.weight = 1000, this.health = 10..
javascript 对象 实例
pingnanlee的专栏
07-24 726
javascript是面向对象的脚本语言，如果不懂对象的使用，那对javascript的掌握也谈不上熟悉了，只能说是了解而已，所以最近这段时间，我猛攻了一下javascript对象，学习了 很多实例，对javascript对象多少有点了解了，哈哈，以免自己以后忘记，我写了个小实例，供以后参考。 这个例子涉及的知识主要是Jquery，DOM，Javascript对象和prototype，以及数组
JavaScript 经典实例收集整理
shwis的博客
12-08 1116
经典实例收集整理
Angular 常用指令实例总结整理
08-31
以下是对给定的Angular常用指令实例的详细解释： 1. **autoselect** 指令： 这个指令使得当用户聚焦到`<input type="text">`元素时，其内容会被自动全选。这对于创建诸如搜索框之类的组件非常有用，用户可以直接...
JavaScript 经典实例日常收集整理(常用经典)
10-22
本文介绍了一些日常开发中常见的 JavaScript 实例，涵盖了事件处理、浏览器兼容性、异步和同步加载以及对象冒充等知识点。 首先，事件处理是 JavaScript 中极为重要的一部分，它允许开发者响应用户的操作。在文章中...
JavaScript 经典实例日常收集整理(常用经典)_.docx
10-09
本文总结了多个 JavaScript 经典实例，涵盖了跨扫描器添加大事件、跨扫描器移除大事件、跨扫描器阻止默认行为、跨扫描器获取目标对象、跨扫描器获取滚动条位置、跨扫描器获取可视窗口大小、JS 对象冒充、JS 异步加载...
整理JavaScript创建对象的八种方法
11-25
构造函数模式是通过函数创建对象的常用方式，`new`关键字用于创建新对象并初始化其属性。每个构造函数实例都有自己的`this`对象，且`constructor`属性指向构造函数本身。 5. **原型模式**： JavaScript中的对象有...
javascript对象实例 建议收藏
李长安的博客
02-12 183
JavaScript 对象 实例 使用内置的JavaScript对象实例。 String（字符串）对象 返回字符串的长度 为字符串添加样式 返回字符串中指定文本首次出现的位置 - indexOf()方法 查找字符串中特定的字符，若找到，则返回该字符 - match() 方法 替换字符串中的字符 - replace() 更多的字符串对象的例子，在我们的JavaScript String 对象参考手册。 Date（日期）对象 使用 Date() 方法来返回今天的日期和时间 使用 getTime() 计算从1
JS面向对象经典案例
08-27
JS面向对象经典案例，JS面向对象过程中用到的一些技术，例如对象、类、JS继承Call、JS原型链Prototype、JS闭包等等
js 面向对象实例
05-30
帮助理解js 面向对象，以及canvas 的使用
js常用例子(超实用)
03-16
js常用例子 js 例子 常用例子 js例子
js常用效果实例
03-27
NULL 博文链接：https://jeemygrow.iteye.com/blog/1169767
js 面向对象案例
09-19
js 面向对象案例,这个kdmlkfmdkfmdslfmldsfmldsmfds22222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222
javascript 对象实例
weixin_33796177的博客
08-01 74
创建对象： var o = new Objct(); //创建一个空对象 var o = {}; var a = new Array(); //创建一个空数组 var a = []; var d = new Date(); //创建一个表示当前时间的日期对象 对象属性的设置： book.edition = 6 //给book创建一个...
JavaScript对象实例之Array
qq_38722097的博客
09-19 446
创建数组：var arr = new Array(); 确定某个值是否为数组： instanceof:if(value instanceof Array) 此操作符的问题在于其假定只有一个全局执行环境。若网页中包涵多个框架则会出问题 isArray(value):if(arr.isArray(value)) indexOf(value):搜索一个指定元素的位置。注意区分字符串和数字 slice(
JavaScript面向对象实例详细讲解
wuxiaopengnihao1的博客
11-10 639
面向对象，构造函数，原型与原型链，继承，对象的创建，类，子类
JavaScript实用工具方法封装实例与类型判断函数
"本文档主要介绍了JavaScript中常用工具方法的封装，作者在日常工作中频繁使用这些功能，因此将其整理出来，以便于他人学习和参考。文章详细列举了以下几种类型判断的方法： 1. type类型判断： - `isString(o)`：...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值