js文件传参

最新推荐文章于 2023-07-02 22:59:28 发布
原创 最新推荐文章于 2023-07-02 22:59:28 发布 · 2.2k 阅读 · 1 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#function #generator #javascript #asp.net #string #测试

http://www.cnblogs.com/Lewis/archive/2010/05/13/1734694.html

JS文件传参及处理技巧

其实为js文件传参是很久就接触过的一个问题，只是一直没有放在心上，今天在无忧看到又有人问这个问题，今日总结一下。

解决思路：

1、首先获取到当前JS文件的SRC属性，这里有一个小技巧：我们只需要获取当前页面最后一个script标记内容即可。
为什么？？因为JS是顺序解析的，当前JS脚本解析时后面的js都还没有解析到，当然就认为自己就是最后一个script了。此外，这样获取还有一个好处：我们可以多次引用同一个文件且传入不同的参数，这样可以在js文件中根据参数不同做不同处理，很巧妙把！简直就是动态语言了。
代码如下：
　　var scripts=document.getElementsByTagName("script");
　　var curJS=scripts[scripts.length-1];   //curJS就是我们当前的js文件

 

得到这个就好办了，通过curJS.src即可获取到完整的路径内容（包括参数）。

2、下面的就是解析参数内容了，解析的过程相当简单，相信很多人都容易完成这一步。
但我们要对一个特殊情况进行处理：如果一个参数被传入了多次，则要将该参数值转换为数组存储每一个传入的值。


完整测试脚本如下：

　　var getArgs=(function(){
    var sc=document.getElementsByTagName('script');
    var paramsArr=sc[sc.length-1].src.split('?')[1].split('&');
    var args={},argsStr=[],param,t,name,value;
    for(var i=0,len=paramsArr.length;i<len;i++){
            param=paramsArr[i].split('=');
            name=param[0],value=param[1];
            if(typeof args[name]=="undefined"){ //参数尚不存在
                args[name]=value;
            }else if(typeof args[name]=="string"){ //参数已经存在则保存为数组
                args[name]=[args[name]]
                args[name].push(value);
            }else{  //已经是数组的
                args[name].push(value);
            }
    }
    /*在实际应用中下面的showArg和args.toString可以删掉，这里只是为了测试函数getArgs返回的内容*/
    var showArg=function(x){   //转换不同数据的显示方式
        if(typeof(x)=="string"&&!//d+/.test(x)) return "'"+x+"'";   //字符串
        if(x instanceof Array) return "["+x+"]" //数组
        return x;   //数字
    }
    //组装成json格式
    args.toString=function(){
        for(var i in args) argsStr.push(i+':'+showArg(args[i]));
        return '{'+argsStr.join(',')+'}';
    }
    return function(){return args;} //以json格式返回获取的所有参数
})();

alert(getArgs());
alert("username:"+getArgs()["username"]);

  

测试示例的HTML源码：

　　<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
  <title> new document </title>
  <meta name="generator" content="editplus" />
  <meta name="author" content="" />
  <meta name="keywords" content="" />
  <meta name="description" content="" />
  <script type="text/javascript" src="test.js?id=4&username=yemoo&id=1&uid=110"></script>
  <script type="text/javascript" src="test.js?id=5&username=ajaxbbs&id=7&uid=253"></script>
  <script type="text/javascript" src="test.js?id=6&username=jack&id=8&uid=258"></script>
</head>
<body>
</body>
</html>

文章转自：http://www.cnitblog.com/yemoo/archive/2008/03/11/40799.html

 

分类:  JavaScript技术
标签:  js传参
0
0
(请您对文章做出评价)
« 上一篇： [原创]jQuery动画弹出窗体支持多种展现方式
» 下一篇： Asp.net缓存动态图片
posted @ 2010-05-13 16:48  Ricebug 阅读(82)  评论(0)  编辑  收藏

给js文件传参数(详解)
10-25
主要介绍了给js文件传参数的方法,需要的朋友可以参考下
js文件传递参数及js文件的源码
01-06
看了很多例子，有人老说用js文件不能实现，但我却亲眼见过这样的用法，后来还是弄懂了，希望能帮到你们，真的不难，
JS文件传参及处理技巧
lisky119的专栏
09-15 1334
其实为js文件传参是很久就接触过的一个问题，只是一直没有放在心上，今天在无忧看到又有人问这个问题，今日总结一下。解决思路：1、首先获取到当前JS文件的SRC属性，这里有一个小技巧：我们只需要获取当前页面最后一个script标记内容即可。为什么？？因为JS是顺序解析的，当前JS脚本解析时后面的js都还没有解析到，当然就认为自己就是最后一个script了。此外，这样获取还有一个好处：我们可以多次引用同
给js文件传递参数
搓搓那年时光静好
02-09 4372
其实为js文件传参是很久就接触过的一个问题，只是一直没有放在心上，今日总结一下。 解决思路： 1、首先获取到当前JS文件的SRC属性，这里有一个小技巧：我们只需要获取当前页面最后一个script标记内容即可。 为什么？？因为JS是顺序解析的，当前JS脚本解析时后面的js都还没有解析到，当然就认为自己就是最后一个script了。此外，这样获取还有一个好处：我们可以多次引用同一个文件且传
JS中传递参数
weixin_44702451的博客
09-14 603
《JS高级程序设计》书中说ECMAScript中所有函数的参数都是按值传递。 这个值的含义其实包括基本值和地址值。 基本类型的值的传递很容易理解，就是把值从一个变量复制到另一个变量上。而引用类型的值，传递的是他的地址值。 function setName(obj) { obj.name = "zhangsan" } var person = new Object(); setName(person); console.log(person.name); //zhangsan 疑惑：书中用下面这个例子证明
JS 文件传参及处理技巧分析
10-29
JS文件传参是一种在客户端编程中常见的需求，即通过JavaScript文件的引用路径附加参数，并在文件内部获取这些参数以实现不同的逻辑处理。 ### JS文件传参的思路 首先，我们需要了解如何通过JavaScript获取当前文件...
javascript写的异步加载js文件函数(支持数组传参)
10-25
在Web开发中，异步加载JavaScript文件是一种常见的性能优化手段，这能够确保页面的快速加载，而不必等待所有JavaScript文件都加载完成。本文详细介绍了如何使用JavaScript编写一个异步加载JavaScript文件的函数，...
JS 通过传参的方式输出 ab
04-24
在JavaScript（JS）中，通过传参的方式输出"ab"涉及到基本的函数调用和字符串操作。在这篇博客中，我们将深入探讨这个话题，并提供一个简单的示例来演示如何实现这个功能。 首先，理解参数传递在JavaScript中的工作...
js如何传递参数
weixin_59525879的博客
07-02 1336
与传递对象类似，可以将多个参数封装在一个数组中，然后将该数组作为参数传递给函数。函数在定义时可以指定参数，调用函数时可以将需要传递的值作为参数传入。可以通过在一个对象中封装多个参数，然后将该对象作为参数传递给函数。函数可以返回一个值，然后再将该返回值作为参数传递给其他函数。
js通过路径传参数（页面间）
Walker_m的博客
06-26 2082
A页面return '&lt;span class="name" style="text-align: center;"&gt;' +'&lt;a href="/manage/customer_details?acId='+obj.aData.acId+'"&gt;' +'查看&lt;/a&gt;&lt;/span&gt;';动态生成的列表中的最后一列B页面    调用下面的方法获得A
js文件之间传递值
qq_24138151的博客
01-09 4427
问题背景: 做web页面展示数据分页的时候,找了一个分页插件来用,插件直接引入一个js,插件全部都是js动态生成的,不好操作,但自己页面的js需要计算当前页,及总页数,这就需要把自己计算的结果与插件中的值统一,,所以需要在js文件之间传值. 解决办法: 使用cookie set值以后去另一个js文件get值即可. 具体实例步骤: 一 .引入 jquery.cookie.js 内容
如何给JavaScript外部文件传递参数
nayao-net
06-18 665
一、利用全局变量 在页面中引入全局变量 &lt;script type="text/javascript"&gt; var p = "test"; &lt;/script&gt; &lt;script type="text/javascript" src="test.js"&gt;&lt;/script&gt; 在外部文件test.js中访问 /*显
js上传文件的完整写法(本地用的是vue的环境)
攻城喵小猫的博客
12-20 1110
js上传文件的完整写法(本地用的是vue的环境) 1.在项目中经常会用到需要上传头像,附件的地方,那么我们如何进行上传呢,今天跟大家分享一下,来自项目中的一些上传文件的个人总结 2.首先我们需要在页面中使用一个 input 按钮,并将它的type属性设置为’file’,关于上传按钮美化的操作,我已经在上一篇博客中详细的讲解了.下面直接贴出代码截图 若项目中需要支持上传多文件,只需要在input标...
js参数传递的四种方式
liuhaoxin666的博客
03-19 9294
1.直接在URL后面加参数 2.用超链接的方法传递参数：当点击超链接的时候，首先会跳转到localhost:21811/Handler1.ashx页面，然后还会传递id 和name 两个参数过去 3.第三种：通过js方法传递:用户点击这个button按钮，触发DOM时间中的onClick事件，执行Go()方法，跳转到localhost:21811/Handler1.ashx页面，同时传递了id，和...
scss引入其他scss变量，且通过js动态修改scss变量（亲测，已修改）
热门推荐
weixin_46547740的博客
03-26 1万+
先展示结果 统一用的html <template> <div class="home"> <h1>Gordon-Liu</h1> <h2 ref="h2">Gordon-Liu</h2> <h3>Gordon-Liu</h3> </div> </template> 1、scss引入其他scss变量 test.scss文件 //定义scss变量
在html中引入外部js文件,并调用带参函数的方法
RushCode的博客
07-23 1万+
案例一： //a.js function abc(str){ alert(str); } //test.html <html> <head> <script type="text/javascript" src="a.js"></script> <script type="text/javascript"> window.o...
前端基础知识点：JS中的参数传递详解
sdasadasds的博客
08-05 4946
如图所示，18的空间是真正存储数据的空间（new出来的堆空间）,20是存储真正数据所在空间的地址。(如下图)假设实参a的地址18，实参b的地址为19。形参x和y的值确实进行了交换，但是由于形参与实参是不同的空间，所以形参x,y的改变，是无法影响到实参a,b的。先说结论，JS只有值传递，没有引用传递。地址就是内存中的一个编号，等价于我们常说的引用ID（引用ID是优化后的地址）。有，当传递的实参为引用类型时，可以通过形参改变实参所指向空间的数值。单向传递，只能将实参的数值传递给形参，不能将形参的值传递给实参。.
给js文件传参数
weixin_30748995的博客
11-23 250
一、利用全局变量 这是最简单的一种方式，比如Google Adsense: <script type="text/javascript"> google_ad_client ='pub-3741595817388494'; </script> <script type="text/javascript" src="http://pagead2. googles...
js打开本地磁盘
xiang_fu的博客
03-31 1853
&lt;html&gt; &lt;head&gt; &lt;title&gt;打开本地磁盘&lt;/title&gt; &lt;/head&gt; &lt;body bgcolor=e0e0ff oncontextmenu="return false" ondragstart="return false" onselectstart="return false&q
静态文件给正常文件传参
最新发布
11-14
所给引用中未提及静态文件向正常文件传参的方法相关内容。不过在不同的编程场景下，通常有以下几种常见方法： ### Web开发场景 在Web开发中，若静态文件是前端文件（如HTML、JavaScript），正常文件是后端文件（如Python的Flask、Django，Java的Spring等），可以通过HTTP请求传参。 #### 前端使用AJAX发送请求 以JavaScript为例： ```javascript // 创建一个XMLHttpRequest对象 var xhr = new XMLHttpRequest(); // 配置请求 xhr.open('POST', 'backend-url', true); xhr.setRequestHeader('Content-Type', 'application/json'); // 要传递的参数 var data = { param1: 'value1', param2: 'value2' }; // 发送请求 xhr.send(JSON.stringify(data)); ``` #### 后端接收请求并获取参数 以Python的Flask为例： ```python from flask import Flask, request app = Flask(__name__) @app.route('/backend-url', methods=['POST']) def receive_params(): data = request.get_json() param1 = data.get('param1') param2 = data.get('param2') return f"Received param1: {param1}, param2: {param2}" if __name__ == '__main__': app.run() ``` ### 移动开发场景 在Android开发中，静态文件（如XML）向Java文件传参可以通过资源引用和Intent传参等方式。 #### XML中定义资源 在`strings.xml`中定义参数： ```xml <resources> <string name="param1">value1</string> </resources> ``` #### Java代码中获取资源 ```java import android.os.Bundle; import android.widget.TextView; import androidx.appcompat.app.AppCompatActivity; public class MainActivity extends AppCompatActivity { @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); String param1 = getResources().getString(R.string.param1); TextView textView = findViewById(R.id.textView); textView.setText(param1); } } ``` ### 数据库操作场景 在MyBatis-Plus中，XML映射文件（静态文件）可以引用Java类的静态方法传参。不过要注意避免SQL注入问题，使用`${}`调用静态方法，使用`#{} `引用传入参数。 ```xml <select id="selectWithStaticMethod" resultType="java.lang.String"> SELECT * FROM some_table WHERE some_column = ${@com.example.TenantIdHolder@getTenantId('some_value')} </select> ``` ```java public class TenantIdHolder { public static String getTenantId(String param) { return "static_" + param; } } ```
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值