2048
登录
没  有  难  学  的  前  端
登 录
×
<返回上一级

简单的_js/jQuery动态创建script加载js文件、js/jQuery通过变量名调用函数、Ajax接收后台返回的js函数执行调用

js/jq加载js文件js/jq动态加载js/jq创建script变量调用js函数jQuery学习作者:猿2048志愿者

j用能境战求道,重件开又是正易里是了些之框s/jQuery动态执行js函求圈分件圈浏第用代是水刚道。的它还

主体代码:

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>简单点,Js动态 加载/执行 Js文件/Js函数</title>
	<script type="text/javascript" src="jquery-1.8.3.min.js"></script>
	<script type="text/javascript" src="layer/layer.js"></script>
	<script type="text/javascript">
		$(function () {
			$('#ButClickAjaxBackFun').click(function () {
				$.ajax({
					type:"post",
					url:"test.php",
					// dataType:"json",
					data:{},
					success:function (data) {
						/* 这种形式后台需要输出:echo "<script>test();</ script>";die;  如果函数需要传参数 后台输出则: echo "<script>test(6,'abc');</ script>";die;   为了此注释不出错 请注意 </ script> 加了空格,在后台程序输出不需要空格的;*/
						$('head').append(data);




						/* 这种形式后台需要输出:echo "test()";die;  如果函数需要传参数 后台输出则: echo "test(6,'abc')";die; */
						// $('head').append('<script type="text/javascript">'+data+'</'+'script>');



						/* 这种形式后台 加载模板或加载html文件,然后把内容追加到当前页面里,如果加载的页面有自动 调用了函数,相当于在当前页调用  比如:include_once 'test.html';die; */
						// $('body').append(data);
					},
					error:function () {
						alert("Error");
					}
				});
			});

			$('#ButClickCreate').click(function () {

				/* jQuery形式创建 script */

				var ScriptStr = '<script type="text/javascript" src="test.js"></'+'script>';
				$('head').append(ScriptStr);





				/* Js形式创建 script */

				// var ScriptCreate = document.createElement("script");
				// ScriptCreate.type = "text/javascript";
				// ScriptCreate.src = "test.js";/* 自己的Js文件路径 */
				// // $('head').append(ScriptCreate);/* jQuery 追加在页面看不到 */
				// document.getElementsByTagName('head')[0].appendChild(ScriptCreate);/* Js 追加在页面看得到 */

			});


			$('#ButClickVarFun').click(function () {
				/* 这种形式 */
				var FunStr = 'VarFun';
				/* 用window[方法名](参数)的方式调用;*/
				window[FunStr](666,'abc');


				/* 另一种形式 */
				// var FunStrVal = "VarFun(666,'abc')";
				// var ScriptStrVal = '<script type="text/javascript">'+FunStrVal+'</'+'script>';
				// $('head').append(ScriptStrVal);
			});

		});

		function test(f1,f2) {
			alert(f1);
			alert(f2);
			setTimeout(function () {
				alert('这么6!');
			},2000);
		}


		function VarFun(v1,v2) {
			alert("通过变量名调用此函数");
			alert(v1);
			alert(v2);
		}


	</script>
</head>
<body>
<input type="button" value="点击通过Ajax访问后台回调Js函数" id="ButClickAjaxBackFun">
<br><br>
<input type="button" value="点击创建/加载Js文件" id="ButClickCreate">
<br><br>
<input type="button" value="点击通过变量名调用函数" id="ButClickVarFun">
</body>
</html>

 

tes享器哈班其础件事是架考发求关通互面待需了t.js      根据具体情是能览调不页新代些事几求事都时学下是事功过况编写

$(function () {
	alert('这都行!');
});

 

t件览客需和下于有快都业视的事一房望站是有est.php      根据具体情况抖要支圈者器说是事天开的。年后编定功口小发还编写

<?php

echo "<script>test(6,'abc');</script>";
//echo "test(6,'abc')";
//include_once 'test.html';
die;

 

t浏打都需些前理的发不前请也端难本浏楚判现est.html      根据具体情况编里个体自地朋一水几开候一学很级套现发间还等现编

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Title</title>
	<script type="text/javascript" src="jquery-1.8.3.min.js"></script>
	<script type="text/javascript" src="layer/layer.js"></script>
	<script type="text/javascript">
		$(function () {
			MsgFun();
		});


		function MsgFun() {
			layer.msg('提示', {icon: 0,time: 3000}, function(){
				alert('OK');
			});
		}

	</script>
</head>
<body>
<div style="width: 200px;height: 100px;position: absolute;top: 50%;left: 50%;margin-left: -100px;background: #ff8e1b;">
	提示信息!
</div>
</body>
</html>

 

关于一些插件,例如 :layer.js  可以去官方网站下载,下载地址:http://layer.layui.com/

 

 

欢迎大一如分算需上来处一定迹面数一跳这件我子作家一起分享一些知识新直能分支调二浏页器朋代说,事刚需求,互相学习!

本文来源于网络:查看 >
« 上一篇:移动端日历选择插件
» 下一篇:Js实现简单的打印表格
评论
点击刷新
评论
相关博文

分享“案例”中大奖

开始分享 中奖规则
分享链接:
联系方式:
2020-11-27中奖名单(每日10名)
×添加代码片段