日度归档:2020年3月5日

javascript call()方法简介说明


摘要:
下文讲述javascript中call方法简介说明,如下所示:


call()方法功能说明

A.call(B,x,y)
1.使用函数A中的this指向B
2.把函数A中的一些方法放入B中运行
——————————————
call()方法改变一个函数的this指向
call()方法是javascript中的一个方法。
call()方法可以将所有者对象作为参数输入。


call()方法举例说明

  <script>
   
   var person = {
    fullName: function() {
        return this.firstName + " " + this.lastName;
    }
   }
  var person1 = {
    firstName:"maomao365",
    lastName: ".com",
  }
  var person2 = {
     firstName:"two",
     lastName: "three",
  }
   
   person.fullName.call(person1);  // 将返回 "maomao365 .com"
   //call方法,调用fullName方法应用person1数据
  </script>
 

例2:
call 带参数的用法


var person = {
  fullName: function(a, b) {
    return this.firstName + " " + this.lastName + "," + a + "," + b;
  }
}
var person1 = {
  firstName:"maomao365",
  lastName: ".com"
}
person.fullName.call(person1, "shen zhen ", "CHINA");

javascript 使用js使背景颜色随机变化


摘要:
下文讲述js代码使div颜色随机变化的方法分享,如下所示:


实现思路:
1.设置一个随机函数生成RGB 颜色
2.使用一个setInterval定时调用随机函数

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="author" content="http://www.maomao365.com/" />
<title>猫猫教程(www.maomao365.com)
---动态生成RGB背景色
</title>
<style>
#container{
  width:220px;
  height:220px;
}
</style>
<script>
window.onload=function(){
  var d=document.getElementById('container');
  d.style.backgroundColor='blue';
  setInterval(function(){
    var arrRand = [
      getRandomInfo(0,255),
      getRandomInfo(0,255),
      getRandomInfo(0,255)   
    ];
    
    d.style.backgroundColor='rgb('+arrRand.toString()+')'


    function getRandomInfo(rMin,rMax){
      return Math.floor(rMin+Math.random()*(rMax-rMin));
    }
  },300)
};
</script>
</head>
<body>
<div id="container"></div>
</body>
</html>
js 背景色随机变化

js 背景色随机变化

javascript 如何在html页面上动态加载css文件呢?


摘要:
下文讲述使用js脚本在html页面上动态加载css文件,如下所示:


实现思路:
使用document.createElement创建一个link标签元素

例:
动态创建link

  
  <script>
  //www.maomao365.com
  //js动态加载css文件
  var lnk = document.createElement('link');
      lnk.setAttribute('type','text/css');
      lnk.setAttribute('rel','stylesheet');
      lnk.setAttribute('href','https://****.css');//加载css文件
      
      document.head.appendChild(lnk);
  
  </script>