html调用js函数的运行返回结果并显示在html页面
我们需要实现最终的结果必须要先构造出JS取随机数值的函数。
CSDN上已经有大牛写出了函数了，我们无需继续造轮子直接拿来用就好了，这个函数原作者在构造的时候，提供了3个参数：
|
参数
|
参数说明
|
|
maxNum
|
'最大值'
|
|
minNum
|
"最小值"
|
|
decimalNum
|
"小数点位数，如果指定decimalNum个数，则生成指定小数位数的随机数"
|
JS取随机数值函数完整代码如下：
<script>
function randomNum(maxNum, minNum, decimalNum) {
var max = 0, min = 0;
minNum <= maxNum ? (min = minNum, max = maxNum) : (min = maxNum, max = minNum);
switch (arguments.length) {
case 1:
return Math.floor(Math.random() * (max + 1));
break;
case 2:
return Math.floor(Math.random() * (max - min + 1) + min);
break;
case 3:
return (Math.random() * (max - min) + min).toFixed(decimalNum);
break;
default:
return Math.random();
break;
</script>
通过已经构造好的JS函数，我们可以继续用JS来调用函数，并提供函数所需的参数'100'、'800'，用变量'number'获取函数返回值，这样就可以成功取得两个参数中间范围的一个随机数；
<script type="text/javascript">
function myFunction(){
var number=randomNum(100,800)
</script>
首先我们要构造一个html页面。
这个页面需要有一个html元素，我们以常见的div标签为例；
<!DOCTYPE html html>
<html lang="zh-CN">
<meta charset="utf-8">
<title>html页面</title>
</head>
<div id="div_text"></div>
</body>
</html>
这里最主要是要在body标签内加上属性'onload="myFunction()"' ，就可以实现在页面加载时自动执行JS函数了，如下：
<!DOCTYPE html html>
<html lang="zh-CN">
<meta charset="utf-8">
<title>html页面加载自动调用js函数返回值并显示在html页面</title>
</head>
<body onload="myFunction()">
<script type="text/javascript">
function myFunction(){
var number=randomNum(500,799)
document.getElementById("div_text").innerHTML = number;
</script>
<script>
function randomNum(maxNum, minNum, decimalNum) {
var max = 0, min = 0;
minNum <= maxNum ? (min = minNum, max = maxNum) : (min = maxNum, max = minNum);
switch (arguments.length) {
case 1:
return Math.floor(Math.random() * (max + 1));
break;
case 2:
return Math.floor(Math.random() * (max - min + 1) + min);
break;
case 3:
return (Math.random() * (max - min) + min).toFixed(decimalNum);
break;
default:
return Math.random();
break;
</script>
<div id="div_text"></div>
</body>
</html>
本文章也取用了现有CSDN博客大牛的部分代码，仅仅为了资料搜集和分享，学无止境，也是发给新手参考学习的，大牛请飘过，如有遗漏欢迎指正。
微信机器人：www.waoyou.com
<!--js中声明函数的方法-->
[removed]
//因为javascript是弱类型的语言，所以参数不需要加类型。函数的也不需要像c#那样要求所以路径都需要有返回值（这个不像c#语言，而且c#的方法也不需要在方法名前面在 function关键字）
function add(i, j) { //现在只是声明了一个函数在这里，只有调用到它的时候它才会被执行。
return
在获取到json数据后,在html中用script引入json数据,并进行页面布局:
可以先进行html的初步页面布局,在使用json数据中的一个对其进行css 样式设置,设置好后删除,最后在script引入json数据,这样的话引入的数据就会样式一致,减少了在script中设置样式的麻烦.
json数据中的一个
"ablum": ...
通过关键字function声明函数
js匿名函数创建时，需要使用变量接收函数的引用（js函数的本质也是一个对象），接收函数的变量相当于函数的方法名
js函数在调用时，js引擎不会检查传入参数的个数，自动从前向后匹配使用
如果传入的参数不够，进行加法运算时会报出NAN（not a number）
‘+’如果有字符串，会自动拼接
‘+ true’，true将当作1...
