还有响应式网站以及地区网站设计的服务。
服务热线: 手机微信同号:(各城市商务人员可上门服务)
永城有网站推广大概所需的费用。
永城是河南省辖的一个县级市,由商丘市进行代管。它还是河南省直管的县级市。永城位于河南省的最东部,处在豫鲁苏皖四省的结合部,一直以来都有“豫东门户”的称呼。永城的总面积为 2068 平方公里。2020 年末,永城拥有 26 个镇和 3 个乡,以及 770 个行政村(社区)。2019 年末,永城市的总人口为 158.11 万人,常住人口是 124.15 万人,城镇化率达到 50.50%。
永城因城多次遭受水击却依然坚固而得名,其意为“永远坚固之城”。商代时在永城境内建有棘国,还有永、芒、砀、酂等地方。隋大业六年(610 年)设置了县,到了金代成为了州。在抗战期间,这里是中共豫皖苏边区省委的所在地。1996 年撤县设立了县级市,2014 年成为了河南省直管县。2016 年,河南省规划建设商丘市域副中心城市。2019 年 10 月 8 日,它被评为 2019 年度全国综合实力百强县市,同时也被评为全国投资潜力百强县市,还被评为全国新型城镇化质量百强县市,以及 2019 全国营商环境百强县。
永城北面依靠陇海,东面靠近京沪,西面临近京九。连霍高速、永登高速、济祁高速、郑徐高铁、311 国道、郑永省道都贯穿了整个永城。永城因汉高祖刘邦在芒砀山斩蛇起义一事,被赞誉为“汉兴之地”。永城还是全国文明城市,是国家园林城市,是国家卫生城市,是中国长寿之乡,是全国绿化模范市,是全国质量强市示范城市,是全国文化先进市,是全国百强县(市)。境内有崇法寺塔。
初步核算,2019 年永城市的生产总值为 615.79 亿元,且同比增长了 8.4%。其中,第一产业的增加值是 77.95 亿元,增长了 3.8%。第二产业的增加值为 265.80 亿元,增长了 9.8%。第三产业的增加值是 272.04 亿元,增长了 8.1%。人均生产总值为 49654 元[30]。
函数是可重复使用的代码块。它可以由事件驱动而执行,也可以在被调用时执行。
实例
<p style='margin-bottom:15px;color:#555555;font-size:15px;line-height:200%;text-indent:2em;'> <pre style="box-sizing: border-box; -webkit-tap-highlight-color: transparent; text-size-adjust: none; -webkit-font-smoothing: antialiased; font-family: Consolas, "Liberation Mono", Menlo, Courier, monospace; white-space: pre-wrap; break-inside: avoid; direction: ltr; margin-top: 0px; margin-bottom: 1.275em; padding: 0.85em 1em; border: none; color: rgb(51, 51, 51); overflow: auto; overflow-wrap: normal; background-color: rgb(247, 247, 247); letter-spacing: 0.2px;"><!DOCTYPE html>
<html>
<head>
<script>
function myFunction()
{
alert("Hello World!");
}
</script>
</head>
<body>
<button onclick="myFunction()">点击这里</button>
</body>
</html></pre></p>
函数语法
函数就是包裹在花括号中的代码块,前面使用了关键词 :
<p style='margin-bottom:15px;color:#555555;font-size:15px;line-height:200%;text-indent:2em;'> <pre style="box-sizing: border-box; -webkit-tap-highlight-color: transparent; text-size-adjust: none; -webkit-font-smoothing: antialiased; font-family: Consolas, "Liberation Mono", Menlo, Courier, monospace; white-space: pre-wrap; break-inside: avoid; direction: ltr; margin-top: 0px; margin-bottom: 1.275em; padding: 0.85em 1em; border: none; color: rgb(51, 51, 51); overflow: auto; overflow-wrap: normal; background-color: rgb(247, 247, 247); letter-spacing: 0.2px;">function functionname()
{
这里是要执行的代码
}</pre></p>
当调用该函数时,会执行函数内的代码。
可以在某事件发生的时候直接去调用函数,例如当用户点击按钮的时候;同时也可以在任何位置进行调用。
提示:对大小写敏感。需以与函数名称相同的大小写来调用函数,且关键词必须是小写的。
调用带参数的函数
在调用函数时,您可以向其传递值,这些值被称为参数。
这些参数可以在函数中使用。
您可以发送任意多的参数,由逗号 (,) 分隔:
<p style='margin-bottom:15px;color:#555555;font-size:15px;line-height:200%;text-indent:2em;'> <pre style="box-sizing: border-box; -webkit-tap-highlight-color: transparent; text-size-adjust: none; -webkit-font-smoothing: antialiased; font-family: Consolas, "Liberation Mono", Menlo, Courier, monospace; white-space: pre-wrap; break-inside: avoid; direction: ltr; margin-top: 0px; margin-bottom: 1.275em; padding: 0.85em 1em; border: none; color: rgb(51, 51, 51); overflow: auto; overflow-wrap: normal; background-color: rgb(247, 247, 247); letter-spacing: 0.2px;">myFunction 带有两个参数,分别是 _argument1_ 和 _argument2_ 。</pre></p>
当您声明函数时,请把参数作为变量来声明:
<p style='margin-bottom:15px;color:#555555;font-size:15px;line-height:200%;text-indent:2em;'> <pre style="box-sizing: border-box; -webkit-tap-highlight-color: transparent; text-size-adjust: none; -webkit-font-smoothing: antialiased; font-family: Consolas, "Liberation Mono", Menlo, Courier, monospace; white-space: pre-wrap; break-inside: avoid; direction: ltr; margin-top: 0px; margin-bottom: 1.275em; padding: 0.85em 1em; border: none; color: rgb(51, 51, 51); overflow: auto; overflow-wrap: normal; background-color: rgb(247, 247, 247); letter-spacing: 0.2px;">定义一个名为 myFunction 的函数,该函数接收两个参数,分别是 var1 和 var2 。
{
这里是要执行的代码
}</pre></p>
变量和参数需要以相同的顺序呈现。其中,第一个变量就是被传递的第一个参数所给定的值,后续的变量和参数也依此类推。
实例
<p style='margin-bottom:15px;color:#555555;font-size:15px;line-height:200%;text-indent:2em;'> <pre style="box-sizing: border-box; -webkit-tap-highlight-color: transparent; text-size-adjust: none; -webkit-font-smoothing: antialiased; font-family: Consolas, "Liberation Mono", Menlo, Courier, monospace; white-space: pre-wrap; break-inside: avoid; direction: ltr; margin-top: 0px; margin-bottom: 1.275em; padding: 0.85em 1em; border: none; color: rgb(51, 51, 51); overflow: auto; overflow-wrap: normal; background-color: rgb(247, 247, 247); letter-spacing: 0.2px;"><button onclick="myFunction('Bill Gates','CEO')">点击这里</button>
<script>
function myFunction(name,job)
{
alert("欢迎" + `name` + "," + `job` + "。");
}
</script></pre></p>
当按钮被点击时,上面的函数会提示“Bill Gates,这位 CEO”。
函数具有灵活性,您能够运用不同的参数去调用该函数,如此一来便会给出不同的消息。
实例
<p style='margin-bottom:15px;color:#555555;font-size:15px;line-height:200%;text-indent:2em;'> <pre style="box-sizing: border-box; -webkit-tap-highlight-color: transparent; text-size-adjust: none; -webkit-font-smoothing: antialiased; font-family: Consolas, "Liberation Mono", Menlo, Courier, monospace; white-space: pre-wrap; break-inside: avoid; direction: ltr; margin-top: 0px; margin-bottom: 1.275em; padding: 0.85em 1em; border: none; color: rgb(51, 51, 51); overflow: auto; overflow-wrap: normal; background-color: rgb(247, 247, 247); letter-spacing: 0.2px;"><button onclick="myFunction('Harry Potter','Wizard')">点击这里</button>
<button onclick="myFunction('Bob','Builder')">点击这里</button></pre></p>
您点击不同的按钮时,上面的例子会提示“Harry, the”;您点击不同的按钮时,上面的例子会提示“Bob, the”。
带有返回值的函数
有时,我们会希望函数将值返回调用它的地方。
通过使用 语句就可以实现。
在使用 语句时,函数会停止执行,并返回指定的值。
语法
<p style='margin-bottom:15px;color:#555555;font-size:15px;line-height:200%;text-indent:2em;'> <pre style="box-sizing: border-box; -webkit-tap-highlight-color: transparent; text-size-adjust: none; -webkit-font-smoothing: antialiased; font-family: Consolas, "Liberation Mono", Menlo, Courier, monospace; white-space: pre-wrap; break-inside: avoid; direction: ltr; margin-top: 0px; margin-bottom: 1.275em; padding: 0.85em 1em; border: none; color: rgb(51, 51, 51); overflow: auto; overflow-wrap: normal; background-color: rgb(247, 247, 247); letter-spacing: 0.2px;">function myFunction()
{
var x=5;
`return x;`
}</pre></p>
上面的函数会返回值 5。
整个并不会停止执行,只是函数而已。它将从调用函数的地方继续执行代码。
函数调用将被返回值取代:
<p style='margin-bottom:15px;color:#555555;font-size:15px;line-height:200%;text-indent:2em;'> <pre style="box-sizing: border-box; -webkit-tap-highlight-color: transparent; text-size-adjust: none; -webkit-font-smoothing: antialiased; font-family: Consolas, "Liberation Mono", Menlo, Courier, monospace; white-space: pre-wrap; break-inside: avoid; direction: ltr; margin-top: 0px; margin-bottom: 1.275em; padding: 0.85em 1em; border: none; color: rgb(51, 51, 51); overflow: auto; overflow-wrap: normal; background-color: rgb(247, 247, 247); letter-spacing: 0.2px;">var myVar=myFunction();</pre></p>
myVar 变量的值为 5,此值即函数 "()" 所返回的值。
即使不把它保存为变量,您也可以使用返回值:
<p style='margin-bottom:15px;color:#555555;font-size:15px;line-height:200%;text-indent:2em;'> <pre style="box-sizing: border-box; -webkit-tap-highlight-color: transparent; text-size-adjust: none; -webkit-font-smoothing: antialiased; font-family: Consolas, "Liberation Mono", Menlo, Courier, monospace; white-space: pre-wrap; break-inside: avoid; direction: ltr; margin-top: 0px; margin-bottom: 1.275em; padding: 0.85em 1em; border: none; color: rgb(51, 51, 51); overflow: auto; overflow-wrap: normal; background-color: rgb(247, 247, 247); letter-spacing: 0.2px;">获取到 id 为“demo”的元素,然后将其 innerHTML 属性设置为调用 myFunction()函数的返回值。</pre></p>
“demo”元素的某个部分将会变为 5,这意味着函数“()”所返回的值为 5。
您可以使返回值基于传递到函数中的参数:
实例
计算两个数字的乘积,并返回结果:
<p style='margin-bottom:15px;color:#555555;font-size:15px;line-height:200%;text-indent:2em;'> <pre style="box-sizing: border-box; -webkit-tap-highlight-color: transparent; text-size-adjust: none; -webkit-font-smoothing: antialiased; font-family: Consolas, "Liberation Mono", Menlo, Courier, monospace; white-space: pre-wrap; break-inside: avoid; direction: ltr; margin-top: 0px; margin-bottom: 1.275em; padding: 0.85em 1em; border: none; color: rgb(51, 51, 51); overflow: auto; overflow-wrap: normal; background-color: rgb(247, 247, 247); letter-spacing: 0.2px;">function myFunction(a,b)
{
return a*b;
}
获取到 id 为“demo”的元素,然后将 myFunction(4, 3)的返回值设置为该元素的 innerHTML 内容。</pre></p>
"demo" 元素的 将是:
<p style='margin-bottom:15px;color:#555555;font-size:15px;line-height:200%;text-indent:2em;'> <pre style="box-sizing: border-box; -webkit-tap-highlight-color: transparent; text-size-adjust: none; -webkit-font-smoothing: antialiased; font-family: Consolas, "Liberation Mono", Menlo, Courier, monospace; white-space: pre-wrap; break-inside: avoid; direction: ltr; margin-top: 0px; margin-bottom: 1.275em; padding: 0.85em 1em; border: none; color: rgb(51, 51, 51); overflow: auto; overflow-wrap: normal; background-color: rgb(247, 247, 247); letter-spacing: 0.2px;">12</pre></p>
当您只是希望退出函数时,也能够使用该语句。并且返回值是可选择的:
<p style='margin-bottom:15px;color:#555555;font-size:15px;line-height:200%;text-indent:2em;'> <pre style="box-sizing: border-box; -webkit-tap-highlight-color: transparent; text-size-adjust: none; -webkit-font-smoothing: antialiased; font-family: Consolas, "Liberation Mono", Menlo, Courier, monospace; white-space: pre-wrap; break-inside: avoid; direction: ltr; margin-top: 0px; margin-bottom: 1.275em; padding: 0.85em 1em; border: none; color: rgb(51, 51, 51); overflow: auto; overflow-wrap: normal; background-color: rgb(247, 247, 247); letter-spacing: 0.2px;">function myFunction(a,b)
{
if (a>b)
{
return;
}
x=a+b
}</pre></p>
如果 a 比 b 大,那么上述代码会退出函数,并且不会去计算 a 与 b 的总和。
局部 变量
函数内部声明的变量(利用 var 进行声明)属于局部变量,因此仅能在函数内部对其进行访问。(此变量的作用范围为局部)。
您能在不同的函数里使用名字一样的局部变量。因为只有对该变量进行过声明的函数,才能够识别出这个变量。
只要函数运行完毕,本地变量就会被删除。
全局 变量
变量在函数外被声明,此变量即为全局变量,网页上的所有脚本以及函数都能够对其进行访问。
变量的生存期
变量的生命期从它们被声明的时间开始。
局部变量会在函数运行以后被删除。
全局变量会在页面关闭后被删除。
向未声明的 变量来分配值
如果您给未声明的变量赋予值,那么这个变量会被自动当作全局变量来声明。
这条语句:
<p style='margin-bottom:15px;color:#555555;font-size:15px;line-height:200%;text-indent:2em;'> <pre style="box-sizing: border-box; -webkit-tap-highlight-color: transparent; text-size-adjust: none; -webkit-font-smoothing: antialiased; font-family: Consolas, "Liberation Mono", Menlo, Courier, monospace; white-space: pre-wrap; break-inside: avoid; direction: ltr; margin-top: 0px; margin-bottom: 1.275em; padding: 0.85em 1em; border: none; color: rgb(51, 51, 51); overflow: auto; overflow-wrap: normal; background-color: rgb(247, 247, 247); letter-spacing: 0.2px;">carname="Volvo";</pre></p>
将声明一个全局变量 ,即使它在函数内执行。
课外书
如需更多有关 函数的知识,请阅读 高级教程中的相关内容:
函数概述
本节还会讲解函数如何返回值。
对象
此对象的基本用法在本节被介绍。接着讲解了怎样利用属性去测定函数的参数数目,同时还讲解了如何模拟函数重载。
对象(类)
本节讲解了如何通过类来创建函数,接着介绍了对象所具有的属性以及方法。
闭包()
本节讲解了闭包的概念。并且分别为您展示了一个简单的闭包实例,同时也展示了一个稍复杂的闭包实例。
永城企业微信公众号小程序开发公司、永城企业网页设计方案、永城做网站开发价格、永城微信公众号制作运营报价明细表、永城网站设计公司费用、永城网站推广大概需要多少钱
书生商友信息科技旗下品牌:上往专业为您提
服务热线: 手机微信同号:(各城市商务人员可上门服务) |