当前位置: 首页 > 新闻动态 > 网络推广

上往专业网站建设与优化服务 - 永城企业网站设计及微信公众号开发

作者:网络 浏览: 发布日期:2026-02-02
[导读]:还有响应式网站以及地区网站设计的服务。 服务热线: 手机微信同号:(各城市商务人员可*服务) 永城有网站推广大概所需的费用。 永城是河南省辖的一个县级市,由商

还有响应式网站以及地区网站设计的服务。

服务热线: 手机微信同号:(各城市商务人员可*服务)

永城有网站推广大概所需的费用。

永城是河南省辖的一个县级市,由商丘市进行代管。它还是河南省直管的县级市。永城位于河南省的最东部,处在豫鲁苏皖四省的结合部,一直以来都有“豫东门户”的称呼。永城的总面积为 2068 平方公里。2025 年末,永城拥有 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-spacin

g: 0.2px;"><button onclick="myFunction(&#39;Bill Gates&#39;,&#39;CEO&#39;)">点击这里</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(&#39;Harry Potter&#39;,&#39;Wizard&#39;)">点击这里</button> <button onclick="myFunction(&#39;Bob&#39;,&#39;Builder&#39;)">点击这里</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>

将声明一个全局变量 ,即使它在函数内执行。

课外书

如需更多有关 函数的知识,请阅读  高级教程中的相关内容:

  函数概述

本节还会讲解函数如何返回值。

对象

此对象的基本用法在本节被介绍。接着讲解了怎样利用属性去测定函数的参数数目,同时还讲解了如何模拟函数重载。

对象(类)

本节讲解了如何通过类来创建函数,接着介绍了对象所具有的属性以及方法。

  闭包()

本节讲解了闭包的概念。并且分别为您展示了一个简单的闭包实例,同时也展示了一个稍复杂的闭包实例。

永城企业微信公众号小程序开发公司、永城企业网页设计方案、永城做网站开发价格、永城微信公众号制作运营报价明细表、永城网站设计公司费用、永城网站推广大概需要多少钱

书生商友信息科技旗下品牌:上往专业为您提

服务热线: 手机微信同号:(各城市商务人员可*服务)

免责声明:转载请注明出处:http://m.hclxt.cn/news/344296.html

扫一扫高效沟通

多一份参考总有益处

免费领取网站策划SEO优化策划方案

请填写下方表单,我们会尽快与您联系
感谢您的咨询,我们会尽快给您回复!