获取地址栏参数/ Math/ 单体创建对象/工厂模式创建对象

                                            获取地址栏参数

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<title>获取地址栏参数</title>

<script type="text/javascript">

window.onload = function(){

//url?aa=tom#12

var data = window.location.search;//?aa=tom

var hash = window.location.hash;//#12

alert(hash);//#12

var oSpan = document.getElementById('span01');

// alert(data);//?aa=tom

var arr = data.split('=');

// alert(arr);//?aa,tom

var name = arr[1];

oSpan.innerHTML = name;

}

</script>

</head>

<body>

<div>欢迎<span id="span01"></span>访问我的主页</div>

</body>

</html>

......................................................................................................................................................................

                                                        Math

<script type="text/javascript">

// var num = Math.random();

// alert(num);//弹出0-1之间的随机数

var a = 10;

var b = 20;

// var num = Math.random()*(b-a)+a;

// alert(num);//弹出10-20之间的随机数

var arr = [];

for(var i=0; i<20; i++){

// var num = Math.floor(Math.random()*(b-a)+a);//向下取整,10-19

var num = Math.floor(Math.random()*(b-a + 1)+a);//向下取整,10-20

arr.push(num);//生成一个数就放进数组

}

alert(arr);//17,20,20,11,11,19,17,16,10,11,16,11,18,13,13,11,17,14,19,19

</script>

..............................................................................................................................................................

                                          单体创建对象

<script type="text/javascript">

var Tom = {

// 属性

name:'tom',

age:18,

// 方法

showName:function(){

alert(this.name);

},

showAge:function(){

alert(this.age);

}

}

//调用属性

alert(Tom.name);

alert(Tom.age);

//调用方法

Tom.showName();

</script>

..............................................................................................................................................................

                                            工厂模式创建对象

<script type="text/javascript">

function Person(name,age,job){

//创建一个空对象

// var o = new Object();//方式一

var o = {};//方式二

o.name = name;

o.age = age;

o.job = job;

o.showName = function(){

alert(this.name);

}

o.showAge = function(){

alert(this.age);

}

o.showJob = function(){

alert(this.job);

}

return o;

}

var Tom = Person('tom',18,'程序猿');

Tom.showJob();

var Jack = Person('jack',19,'攻城狮');

Jack.showJob();

</script>

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 一头雾水,汉语词汇。形容摸不着头脑,稀里糊涂。这是百度百科的解释。 我这里说的不是这个意思。是很直观的,就是一头雾...
    悦读山人阅读 634评论 1 8
  • 秋山落日清风, 疏窗斜月帘栊, 翠叶芦花画中。 荷吟柳颂, 梦萦空对飞红。 词林正韵
    郭大牛阅读 1,678评论 32 49
  • 沟通是心灵传递的桥梁,让家长更加了解幼儿在园的学习内容和发展情况,切实感受孩子的成长和进步。2018年1月30日下...
    刘园园LY阅读 334评论 0 0

友情链接更多精彩内容