h5~js~函数（2）

最新推荐文章于 2023-06-22 15:27:16 发布
最新推荐文章于 2023-06-22 15:27:16 发布
阅读量311 收藏
点赞数

函数

函数调用

方法一：（简单函数）

<!DOCTYPE html>

<html>

    <head>

       <meta charset="UTF-8">

       <title></title>

    </head>

    <body>

       <p>本例调用的函数会执行一个计算，然后返回结果：

        <p id="demo">

        <script>

            function myFunction(a,b)

            {

               return a*b;

            }

            document.getElementById("demo").innerHTML=myFunction(3,5);

        </script>

    </body>

</html>

 

方法二：（测试数据）

<!DOCTYPE html>

<html>

    <head>

       <meta charset="UTF-8">

       <title></title>

    </head>

    <body>

       <p>本例调用的函数会执行一个计算，然后返回结果：

        <p id="demo">

        <script>

            function myFunction(a,b)

            {

               return a*b;

            }

            document.getElementById("demo").innerHTML=myFunction(3,5);

        </script>

    </body>

</html>

 

 

方法三：（时间函数）

方法一：

<!DOCTYPE html>

<html>

    <head>

       <meta charset="UTF-8">

       <title></title>

    </head>

    <body>

      

<p>点击按钮就可以执行 <em>displayDate()</em> 函数。

 

<button οnclick="displayDate()">点击这里</button>

    <p id="demo">

    <script>

        function displayDate(){

           document.getElementById("demo").innerHTML=Date();

        }

    </script>

    </body>

</html>

方法二：

 

<!DOCTYPE html>

<html>

    <head>

       <meta charset="UTF-8">

       <title></title>

    </head>

    <body>

       <p>点击按钮就可以执行 <em>displayDate()</em> 函数。

 

<button id="myBtn">点击这里</button>

<p id="demo">

<script>

    /*document.getElementById("myBtn").οnclick=function(){displayDate()};*/

    document.getElementById("myBtn").οnclick=function(){displayDate()};

    function displayDate(){

       document.getElementById("demo").innerHTML=Date();

    }

   

</script>

    </body>

</html>

 

方法四：（函数关联）

<!DOCTYPE html>

<html>

    <head>

       <meta charset="UTF-8">

       <title></title>

    </head>

    <body>

       菜品类别：<select id="sType" onChange="change()">

          

       </select>

       <select id=sMenu>

      

       </select>

       <script>

         var menuType=['凉菜','热菜','主食'];

         var menu=[['拍黄瓜','泡椒凤爪','火山下雪'],

            ['宫保鸡丁','红烧肉','木须肉'],

            ['米饭','馒头','个的汤']];

        var stype=document.getElementById("sType");

        var str ="";

        for(var n=0;n<menuType.length;n++)

      {

          str=str+"<option value="+n+">"+menuType[n]+"</option>";

      }

        stype.innerHTML=str;

        var str="";

       for(var n=0;n<menu[0].length;n++)

       {

           str=str+"<option>"+menu[0][n]+"</option>";

       }

        var smenu=document.getElementById("sMenu");

        smenu.innerHTML=str;

        //定义函数回调

       

        function change(){

             smenu.innerHTML="";

          str="";

          var row=parseInt(stype.value);

            for(var n=0;n<menu[row].length;n++)

            {

               str=str+"<option>"+menu[row][n]+"</option>";

            }

             smenu.innerHTML=str;

        }

       //alert(str);

      

       </script>

      

    </body>

</html>

 

方法五：（系统函数）

<!DOCTYPE html>

<html>

    <head>

       <meta charset="UTF-8">

       <title></title>

    </head>

    <body>

      

常用系统函数

       <script>

           var string="33";

            document.write(parseInt(string));

            document.write(typeof(string));

            document.write(eval(2*2+4));

          

              function test()

              {

              var sum=0;

              //  alert(arguments.length);

              for(var n=0;n<arguments.length;n++)

              {

                  sum+=arguments[n];

              }

              return sum;

              }

            var s= test(12,34,54);

            document.write("<br>求和之后="+s);

           var ss;

           document.write(isNaN(ss));

       </script>

   

      

    </body>

</html>

 

来自 “ ITPUB博客 ” ，链接：http://blog.itpub.net/30545764/viewspace-2121005/，如需转载，请注明出处，否则将追究法律责任。

转载于:http://blog.itpub.net/30545764/viewspace-2121005/

cuijiaojie6033
关注
H5——js函数及简单算法案例
Matutinal的博客
08-16 1156
1.基础介绍 1.1 数据类型 （可使用typeof()去判断数据类型，但是无法使用 typeof 去判断 JavaScript 对象是否是数组（或日期）） 可包含值的数据类型：number、string、boolean、object、function 三种对象类型：Object 、Date、Array 不能包含值的数据类型：null、undefined 1.2 特殊值 null返回object，undefined返回undefined，NaN返回number undefined：当声明的变量还未被初
Html5 页面中 JavaScript 启动调用的三种方法比较
太阳火神的美丽人生
07-29 7324
Html5 页面中 JavaScript 启动调用的三种方法比较
H5基础知识第十课时(JS函数定义和分类)
yuzhaocong的博客
06-18 838
1.自定义函数 使用函数前要先定义才能调用 函数定义有三个部分：函数名，参数列表，函数体 定义格式   fuction 函数名(){   javaScript代码 } 2.函数分类： （1）无参函数  function 函数名() {       javaScript代码     } （2）有参函数 function 函数名(参数名1，参数名2，..) {     j
H5_js方法记录
gm_ming0501的博客
03-14 300
H5页面常用方法js /*gm字体函数gm*/ setHtml(); window.addEventListener('resize', function() { setHtml(); }); function setHtml() { var width = document.documentElement.clientWidth; if(width&amp;amp;amp;lt;750){ docum...
9-10 h5总结~函数、对象、数组
hfyldx的博客
09-10 345
函数 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <script> document.write('<h1 style="color: red;">Hello world<h1>...
html5 函数大全,JavaScript 工具函数大全
weixin_42136365的博客
06-21 631
原标题：JavaScript 工具函数大全作者： 前端劝退师 公号 / 前端劝退师前言一线大厂笔试题灵感来源目录：第一部分：数组第二部分：函数第三部分：字符串第四部分：对象第五部分：数字第六部分：浏览器操作及其它筛选自以下两篇文章：《127 Helpful Java Snippets You Can Learn in 30 Seconds or Less》《30 seconds of code》原...
H5编辑器涉及的原生js函数.docx
06-19
在开发H5编辑器时，掌握这些原生JavaScript函数至关重要，它们帮助我们精准地控制用户界面中的文本选取、高亮、以及对文档内容的动态操作。通过对这些函数的熟练运用，开发者可以创建出更加交互友好、功能丰富的富...
android demo,java从webview中的h5中的JavaScript函数的取值
02-07
这个"android demo,java从webview中的h5中的JavaScript函数的取值"示例着重讲解了如何在Android应用中通过Java代码与Webview内加载的HTML5（H5）页面进行交互，特别是从JavaScript获取数据并传递给Java，最终在...
H5 PC 移动端 Qrcode.js实现扫一扫
07-07
Qrcode.js 是一个轻量级的JavaScript库，专门用于生成和识别二维码，而Zepto.js是针对移动浏览器优化的JavaScript库，类似于jQuery，它们一起可以为H5应用提供强大的二维码处理能力。 首先，我们需要理解Qrcode.js...
vue2+webpack搭建h5框架
03-12
5. **生命周期钩子**：Vue2组件有多个生命周期钩子函数，如created、mounted、updated等，开发者可以在特定阶段执行相应的逻辑。 **Webpack的主要功能：** 1. **模块打包**：Webpack允许将应用拆分为多个模块，然后...
前端开发HTML5——函数
a860320的博客
09-17 534
20、函数的调用方式（内容尚未完全，可自行百度这方面的知识） call()、apply()、bind() 这三个方法的作用都是改变执行环境中的this指针的指向 call()与apply() 这两个方法的第一个参数都为this指针指向的目标对象，他们的区别是第二个参数开始传参的方式不同 call传参：obj, arg2,arg3,..... apply传参：obj, [a...
监听H5浏览器返回事件，解决监听webviewH5返回事件，触发H5给小程序传参（亲测有效）
热门推荐
m0_47791238的博客
06-22 1万+
小程序通过webview打开H5页面，监听H5返回事件，实现H5返回时，给小程序传递参数
html5中的function,js中function函数的使用方法
weixin_29585583的博客
06-26 6046
function函数的使用方法，这篇文章主要介绍了js function定义函数的几种方法,需要的朋友可以参考下js function定义函数的4种方法。1、function函数最基本的作为一个本本分分的函数声明使用。代码如下:function func(){} 或 var func=function(){};2、function函数作为一个类构造器使用：代码如下:3、function函数作为闭包...
H5 Web网页通过JS（JavaScript）脚本调用Android本地原生方法函数
Zhang Phil
01-08 8496
H5 Web网页通过JS（JavaScript）脚本调用Android本地原生方法函数 假设现在Android原生代码中有一个本地函数：androidNativeSayHello()，打算提供给外部H5页面使用。 第一步，在Android原生代码中准备好提供给H5网页调用的本地原生函数： import android.content.Context; import android.os.Bu...
Android原生代码调用H5 Web网页中的Javascript函数方法
Zhang Phil
01-09 8554
Android原生代码调用H5 Web网页中的Javascript函数方法 重点是使用Android WebView中的evaluateJavascript()函数。 假设H5 Web网页中有一个Javascript函数add(x,y)，add(x,y)函数计算两个数之和并返回。Android原生代码中如何调用存在于H5 Web页面中的Javascript函数add(x,y)呢？ 先写一个测试H...
H5和JAVASCRIPT实战教程
06-14
WEB开发入门编程，从各种开发工具的讲解到html标签，css元素讲解，js课程系列。
前端H5面试题Js: 简述创建函数的几种方式？ （必会）
weixin_48475463的博客
01-17 259
1. 第一种自定义函数方式（命名函数）： <script> function getSum(a, b) { return a + b; } console.log(getSum(6, 8)); // 14 </script> 2. 第二种函数表达式方式（匿名函数）： <script> var sum = function (a, b) {
H5基础知识第十课时(JS函数调用和内部属性)
yuzhaocong的博客
06-18 1718
1.函数的调用 （1）使用事件触发函数           var d=document.getElementById('d');       d.onclick=function () { alert('d被点击') } （2）直接调用 function 函数名(参数名1，参数名2，..) {     javaScript代码 }        函数
H5页面 调用uniapp的函数方法
最新发布
07-13
3. 在 H5 页面的 JavaScript 代码中使用 `uni.xxx` 的方式调用 Uni-app 中的函数或方法，其中 `xxx` 是您要调用的函数或方法名。 以下是一个示例代码： ```html <!DOCTYPE html> , initial-scale=1.0"> ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值