Javascript基础（五）:属性、方法和for循环

最新推荐文章于 2018-09-14 17:44:18 发布

编程大学姐远春儿

最新推荐文章于 2018-09-14 17:44:18 发布

阅读量633

点赞数 2

分类专栏： Javascript 文章标签： javascript 属性方法区别 for循环

本文链接：https://blog.csdn.net/sinat_34647836/article/details/72566748

版权

Javascript 专栏收录该内容

7 篇文章 2 订阅

订阅专栏

一、属性和方法的区别

有很多同学在学习js时分不清属性和方法，那么到底怎么区分两者呢？
首先，从定义上来看：
属性：属性是一个变量，是给设置一个对象的特征，如宽高、颜色等；
方法：方法是一个函数，是用来操作对象的，如判断是不是一个数字，isNan();
从写法上来看，
属性： div.color = “red”; 属性给值一定是等号。
方法：isNaN（“值”）; 方法给值用（），它是动词性的。

几个常用方法：

1.自动获得焦点

基本语法：txt.focus();

示例代码：

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <script>
        window.onload = function(){
            var txt = document.getElementById("txt");
            txt.focus(); //自动获得焦点
        }
    </script>
</head>
<body>
自动获得焦点:
<input type="text" id="txt"/>

2.鼠标经过选择表单

基本语法：Txt.select();

示例代码：

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <script>
        window.onload = function(){
            var sele = document.getElementById("select");
            sele.onmouseover = function(){
                this.select(); //选择
            }
        }
    </script>
</head>
<body>
鼠标经过选择表单:
<input type="text" id="select"/>
</body>
</html>

二、for循环

1.基本语法

<script>
    for(var i=0; i<=100; i++){
        document.write("这个人活了"+i+"岁了<br/>" )
    }
</script>

2.实例：打印金字塔

<script>
    for(var i=0; i<=100; i+=2){
        document.write("<hr width="+i+"%/ >" )
//        hr表示一条线，宽度没此增加"+i+"%，注意写法
    }
</script>

编程大学姐远春儿

关注

2
点赞
踩
3

收藏

觉得还不错? 一键收藏
0
评论
Javascript基础（五）:属性、方法和for循环

一、属性和方法的区别有很多同学在学习js时分不清属性和方法，那么到底怎么区分两者呢？首先，从定义上来看：属性：属性是一个变量，是给设置一个对象的特征，如宽高、颜色等；方法：方法是一个函数，是用来操作对象的，如判断是不是一个数字，isNan(); 从写法上来看，属性： div.color = “red”; 属性给值一定是等号。方法：isNaN（“值”）;
复制链接

扫一扫

专栏目录