当前位置:首页 > Web开发 > 正文

JS根本 + JQuery

2024-03-31 Web开发

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Insert title here</title> </head> <body> <!-- 内联方法添加js代码 --> <input type="button" onclick="alert(‘尝尝就尝尝!‘)" value="点我尝尝"> <!-- 内部方法引入js --> <script type="text/javascript"> alert("内部引入告成!"); </script> <!-- 外部方法引入js 如果此标签引入了文件 就不能在标签体内继续写js代码--> <script type="text/javascript" src="first.js"></script> </body> </html>

外部引用的js文件-->first.js

alert("外部引入告成!");

2.要领

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Insert title here</title> </head> <body> <input type="button" value="测试" onclick="fn1()"> <script type="text/javascript"> /* 无参无返回值 */ function fn1(){ alert("fn1执行!"); } //挪用 //fn1(); /* 有参无返回值 */ function fn2(name,age){ alert(name+":"+age); } //挪用 //fn2("张飞",18); /* 无参有返回值 */ function fn3(){ return "abc"; } //var str = fn3(); //alert(str); /* 有参有返回值 */ function fn4(x,y){ return x*y; } /* var result = fn4(3,8); alert(result); */ /* 第二种声明要领的方法 */ var fn5 = function(name,age){ alert(name+":"+age); } //fn5("刘备",20); /* 第三种声明方法 */ var fn6 = new Function("name","age" ,"alert(name+‘:‘+age)"); fn6("关羽",19); </script> </body> </html>

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Insert title here</title> </head> <body> <input type="text" id="i1"> <input type="button" value="按钮" onclick="myfn()"> <div id="d1">div1</div> <script type="text/javascript"> function myfn(){ d1.innerText = i1.value; } </script> </body> </html>

温馨提示: 本文由Jm博客推荐,转载请保留链接: https://www.jmwww.net/file/web/31836.html