js属性用法

最新推荐文章于 2023-09-17 00:59:11 发布
最新推荐文章于 2023-09-17 00:59:11 发布
阅读量524 收藏
点赞数
分类专栏： js 文章标签： js内置对象
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/brid_fly/article/details/80645627
版权

|-----js执行原理

客户端与服务端

pc请求，给服务端，服务器响应后，把js脚本下载到pc端，“脱离”了服务端，本机会执行脚本（js）.除非服务端的js作了更新！

|----js组成

<script type="text/javascript"  src="链接外部js|前端框架"></script>


镂空的菱形:

<head>

           <meta charset="utf-8" />

           <title></title>

           <script>

                 function abc(){

                      var rows=prompt("请入菱形的行数：","");

                      //转换整型

                      var row=parseInt(rows);

                      while(row%2==0){

                            row= prompt("请入菱形的行数：","");

                            row=parseInt(row);

                      }

                      //打印上部份

                      var uprow=(row+1)/2;

                      for(var i=1;i<=uprow;i++){

                            //占位

                            for(var j=1;j<=uprow-i;j++){

                                 document.write("&nbsp;&nbsp;");

                            }

                            for(var k=1;k<=2*i-1;k++){

                                  //document.write("*");

                                  if(k==1||k==2*i-1){

                                       document.write("*");

                                  }else{

                                       document.write("&nbsp;&nbsp;");

                                  }

                            }

                            //换行

                            document.write("<br/>");

                      }

                      //打印下部份

                      var downrow=row-uprow;

                      for(var i=downrow;i>=1;i--){

                            //占位

                            for(var j=1;j<=downrow-i+1;j++){

                                  document.write("&nbsp;&nbsp;");

                            }

                            for(var k=1;k<=2*i-1;k++){

                                  //document.write("*");

                                  if(k==1||k==2*i-1){

                                       document.write("*");

                                 }else{

                                       document.write("&nbsp;&nbsp;");

                                  }

                            }

                            //换行

                            document.write("<br/>");

                      }

                 }

           </script>

      </head>

return用法

<head>

           <meta charset="UTF-8">

           <title></title>

           <script>

                 function abc(email){

                      //1.@

                      if(email.indexOf("@")==-1){

                            alert("邮箱地址必须包含@");

                            return;//停在当前的位置

                      }

                      //2.点与@ 位置

                      if(email.lastIndexOf(".")<email.indexOf("@")){

                            alert("邮箱中@必须在.之前!");

                            return;

                      }

                      alert("正确的电子邮箱："+email);

                 }

           </script>

      </head>

      <body>

                 <input type="button" value="测试" onclick="abc(prompt('请输入电子邮箱:',''));"/>

      </body>

|------1：document.getElementById(); 针对单个元素（节点）

|------2：document.getElementsByName();多个

|------3：document.getElementsByTagName();表单提交的时候，<input type="text"/>

|------4:混用



|-----history: 作用：前进和后退  前提条件是，看浏览器箭头能否点击！

|-----history.forward()  ====>history.go(1)

|-----history.back() ===>history.go(-1)

<a href="javascript:history.go(-1);">返回</a>

|-----confirm();  提示用户，确认？

var cfm=confirm("是否要删除此条数据?") //交互  true false

open()用法：

属性名称

说      明

height、width

窗口文档显示区的高度、宽度。以像素计

left、top

窗口的x坐标、y坐标。以像素计

toolbar=yes | no  |1 | 0

是否显示浏览器的工具栏。黙认是yes

scrollbars=yes | no  |1 | 0

是否显示滚动条。黙认是yes

location=yes | no  |1 | 0

是否显示地址地段。黙认是yes

status=yes | no  |1 | 0

是否添加状态栏。黙认是yes

menubar=yes | no  |1 | 0

是否显示菜单栏。黙认是yes

resizable=yes | no  |1 | 0

窗口是否可调节尺寸。黙认是yes

titlebar=yes | no  |1 | 0

是否显示标题栏。黙认是yes

fullscreen=yes | no  |1 | 0

是否使用全屏模式显示浏览器。黙认是no。处于全屏模式的窗口必须同时处于剧院模式

|----基本格式

window.open("other.html","other","height=250px,width=300px,top=100px,left=100px,toolbar=yes,scrollbars=yes,resizable=yes");

|-----js 启动时间 


让时间停止下来

cleartimeout();

js实现下拉列表框的循环方式


全选:


-js的内置（系统提供的）对象

Math对象  random() ceil() floor()

<script>

                 function abc(){

                      //随机数

                      //var r=Math.random();//介于0~1之间

                      var r=Math.floor(Math.random()*10);

                      //var r=Math.floor(21.123);//向下取整不变

                      //var r=Math.ceil(21.012);//向上取整加一个

                      document.getElementById("mydiv").innerHTML=r;

                 }

           </script>

Math+Array

function abc(){

                      var arr=new Array("小明","小红","红红","小小","大大","小王","jack","rose","老王","王王");

                      //随机数

                      var r=Math.floor(Math.random()*10);

                      document.getElementById("mydiv").innerHTML=arr[r];

                 }




brid_fly
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
详解js访问对象的属性和方法
12-09
对象的属性和方法统称为对象的成员。 访问对象的属性 在JavaScript中，可以使用“ . ”和“ [ ] ”来访问对象的属性。 二者区别：“ . ”表示法一般作为静态对象使用时来存取属性。而“[ ]”表示法在动态存取属性时...
javascript属性访问表达式用法分析
12-08
本文实例讲述了javascript属性访问表达式用法。分享给大家供大家参考。具体分析如下： 属性访问表达式运算得到一个对象属性或一个数组元素的值。js为属性访问定义了2中语法： expression.identifier expression[...
js 属性
qq_44888570的博客
11-12 1558
js中的属性分为 数据属性 和 访问器属性。 数据属性 一个数据属性，有四个描述其行为的特性。 Configurable是否能通过删除该属性从而重新定义该属性，能否修改其特性，能否把属性修改为访问器属性。默认值为true。 Enumerable是否可枚举。默认值为true。 Writable 是否可重写（修改）。默认值为true。 Value数据值。默认值为undefined。 var obj = { name: 'zed' } 如果这样定义一个属性，那么它的Value
js常见的属性和方法总结
qq_42349528的博客
09-28 1782
js常见的属性和方法，js全局属性和方法，数组的属性和方法，字符串的熟悉和方法
Js常用属性方法汇总
xcLeigh
05-14 1786
Js常用属性方法汇总js属性-常用的js属性功能介绍1.conca(); 连接字符串。2.indexOf(); 检索字符串，返回的是字符在字符串的下标3.substr(); 从起始索引号提取字符串中指定书目的字符4.数组array下面的方法4_1.slice[start,end];返回从原数组中指定开始下标到结束下标之间的项组成的新数组（原数组不变）,数组下表从0开始4_2.splice();方法向/从数组中添加/删除项目，然后返回被删除的项目。这种方法会改变原始数组。4_3.pop()；方法用于删除数组的
JS对象详解（对象创建及属性类型）
DOM曼珠沙华的博客
05-26 2036
对象 ESMAScript把对象定义为：无序属性的集合，其属性可以包含基本值，对象或者函数。简单来说，是一组名值对，其中值可以是数据或函数。 每个对象都是基于引用类型创建的。 创建对象 1.创建自定义对象的最简单的方式是创建Object的实例，然后再为它们添加属性和方法： var person = new Object(); person.name = "Nicholas"; person.age = 10; person.job = "Software Engineer"; person.s
js常用属性
风雨过后的博客
01-07 819
总结一些js常用属性 1.输出语句:document.write("");   2.JS中的注释为://   3.传统的HTML文档顺序是:document-&gt;html-&gt;(head,body)   4.一个浏览器窗口中的DOM顺序是:window-&gt;(navigator,screen,history,location,document)   5.得到表单中元素...
JavaScript中length属性的使用方法
01-21
此属性返回字符串中的字符数。 语法 string.length 下面是参数的详细信息： A string 返回值: 返回字符串中的字符数。 例子： <html> <head> <title>JavaScript String length Property</...
ES6 javascript中class静态方法、属性与实例属性用法示例
10-19
主要介绍了ES6 javascript中class静态方法、属性与实例属性用法,结合实例形式分析了ES6中类的静态方法、静态属性概念、功能、使用方法与相关注意事项,需要的朋友可以参考下
JS实现给对象动态添加属性的方法
11-29
本文实例讲述了JS实现给对象动态添加属性的方法。分享给大家供大家参考，具体如下： 在工作用要用到给jd对象动态添加属性的要求，在网上找到了一种解决方式，实例如下： 1、demo var aa="maker"; var bb=123; var ...
js 中的对象属性——configurable、writable 等（数据属性和访问器属性）
TKOP_的博客
03-20 6446
学习属性据属性和访问器属性的特性，学习 defineProperty() 等方法。
JavaScript对象的属性描述符（Property Descriptor）介绍
cnds123的专栏
04-15 2486
JavaScript对象的属性描述符（Property Descriptor）介绍
JS中的属性描述符
m0_67502005的博客
11-30 642
JS中的属性描述符，JS底层原理，前端开发，JavaScript原理
JavaScript 属性 (Attributes)：了解和使用
最新发布
VvpApplescript的博客
09-17 878
属性是 HTML 元素的特性，它们提供了关于元素的更多信息。在 JavaScript 中，我们可以使用属性为元素添加、修改或删除这些特性。属性可以包含各种类型的值，如字符串、数字、布尔值等。JavaScript 中的属性分为两种类型：内置属性 (Built-in Attributes) 和自定义属性 (Custom Attributes)。内置属性是 HTML 元素默认就具备的属性，比如idclasssrc等。这些属性可以通过 JavaScript 直接访问和操作，以实现对元素的控制和交互。
JavaScript中常见属性
xuekatie的博客
03-18 672
常用属性：id,className,value,style(background,color,width,height,cssText),innerHTml,href,src,tagName 1.href值和src值获取到的是绝对路径 2.style是行间属性（cssText会替换掉当前所有的行间属性） 3. class是关键字，的改成className来获取 4. tagname获取到的是大写字母 <!--className属性 --> <div id="box" class.
js基本属性
m0_46692956的博客
07-06 881
js:java script Js:基于对象，解释执行 Java:面向对象，编译执行 html引入js方式 内部js:body的最后一行 <script> ... </script> 外部js: <script src=”path”></script> 控制台的输入输出 console.log(内容)； js变量和数据类型 ①变量声明 var varName; Let varName; ②赋值的时候确定变量的类型（值类型决定变量的类型）； 变
JavaScript的对象、属性与方法
Yannick_H的博客
05-28 3491
一、JavaScript的预解析 JavaScript解析器解析JavaScript代码时，会提前解析var声明的变量和function定义的函数，然后再执行其他代码。 提前解析var声明的变量：是对var变量的作用域的提升 二 、JavaScript的对象（面向对象编程） 1.对象：是一种数据类型。是属性和方法的集合 （1）属性：是对象的静态特征 对象名.属性名 （2）方法（函数）：是对象的动态特征（行为） 对象名.方法名（[参数]） 2.面向对象编程： 面向对象是一种工程的思想 3
Do not access Object.prototype method ‘hasOwnProperty‘ from target object
哈哈hyc的博客
08-13 587
今天用对象的属性hasOwnProperty，去判断对象是否包含该值，我这里主要判断对象是否为空，出现了以上错误，之前也遇到过类似的错误，如parseInt（‘24.5’），必须要给转换的进制类型，改为parseInt（‘24.5’，10）则正常 通过上述文字提示发现，不要从目标对象访问 Object 原型方法”，想到一种解决方案——直接找到这个方法，用 call 改变指向调用： Object.prototype.hasOwnProperty.call(obj, 'key') 在ECMAScript.
JSBridge的原理及使用
包磊磊的博客
08-27 2891
一、什么是JSBridge 主要是给 JavaScript 提供调用 Native 功能的接口，让混合开发中的前端部分可以方便地使用 Native 的功能（例如：地址位置、摄像头）。 而且 JSBridge 的功能不止调用 Native 功能这么简单宽泛。实际上，JSBridge 就像其名称中的Bridge的意义一样，是 Native 和非 Native 之间的桥梁，它的核心是构建 Native 和非 Native 间消息通信的通道，而且这个通信的通道是双向的。 双向通信的通道: JS 向 Native
如何封装js属性和方法
06-02
封装 JavaScript 属性和方法的一种常见方式是使用对象字面量或构造函数。两种方式各有优缺点。 对象字面量方式： ```javascript const obj = { // 私有属性 _name: 'John', // 公有属性 age: 25, // 私有方法...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

brid_fly

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值