JS调用页面

最新推荐文章于 2023-12-25 16:06:49 发布
最新推荐文章于 2023-12-25 16:06:49 发布
阅读量1k 收藏
点赞数
分类专栏： JS
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/x6000/article/details/9799055
版权
本文介绍了在ASP.NET环境中，如何通过JavaScript（JS）调用一个ASPx页面，并传递参数到该页面进行处理，最后在原始页面上显示结果。具体做法是在源页面插入一个引用动态页面的脚本标签，动态页面接收参数后操作数据库或文件，并使用Response.Write输出JavaScript代码来更新页面内容。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

<script src=“***.aspx”type=“text/javascript”></script>

使用方法：

（1）在某一页面xx调用<script src=“aa.aspx” type=“text/javascript”></script>

     在aa.aspx页面中，将<%@ Page Language=“C#”......>这句之外的内容全部删除

（2）然后在aa.aspx.cs页面中，使用js输出你所需要的内容

     例如：Response.Write(“document.write('输出你所需要的内容！')”);

这样就会在页面xx显示出所需的内容了

----------------------------------------------------------------------------------

在aspx页面中利用JS实现向另一个aspx页面传值处理并返回显示结果-NET编程

大家一定知道在静态页中，如何实现传值调用动态页并操作数据库，返回显示结果；比如新闻管理系统中的新闻点击数的实现，我说的是可以生成静态页面的新闻管理系统，他用的是<script> src="Count.aspx?id=1" language="javascript"></script>这样的形式，而Count.aspx文件获取传值后，操作数据库，以这样的形式输出返回结果Response.Write("document.write('" + strInsert + "');");，这样就可以在新闻显示页中，显示新闻浏览次数了；下边是现实的方法：

静态页文件代码：
  1. <html>  
  2. <head>  
  3.     <title>JAVASCRIPT传值</title>  
  4. </head>  
  5. <body>  
  6.     <div>  
  7.     <script src="Count.aspx" language="javascript"></script><br /><br />刷新一下看看此处没有传参数的<br /><br />  
  8.     </div>  
  9.     </form>  
  10. </body>  
  11. </html>  
下面是 Count.aspx：
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Count.aspx.cs" Inherits="Count" %>注意我把里面的代码全部清空了，只留下了声明；Count.aspx.cs文件：
  1. using System;   
  2. using System.Collections;   
  3. using System.Configuration;   
  4. using System.Data;   
  5. using System.Linq;   
  6. using System.Web;   
  7. using System.Web.Security;   
  8. using System.Web.UI;   
  9. using System.Web.UI.HtmlControls;   
  10. using System.Web.UI.WebControls;   
  11. using System.Web.UI.WebControls.WebParts;   
  12. using System.Xml.Linq;   
  13. using System.IO;   
  14. public partial class Count : System.Web.UI.Page   
  15. {   
  16.     protected void Page_Load(object sender, EventArgs e)   
  17.      {   
  18.         string strInsert = "0";   
  19.         int intCount = 0;   
  20.          strInsert = FileTxt.ReaderFile("Count.txt");//文件操作类，读取文件中的值   
  21.          intCount = Convert.ToInt32(strInsert) + 1;   
  22.          strInsert = intCount.ToString();   
  23.          FileTxt.WriteFile("Count.txt", strInsert);//文件操作类，向文件中写入值   
  24.          Response.Write("document.write('" + strInsert + "');");   
  25.      }   
  26.   
  27. }  
FileTxt.cs文件操作类：
  1. using System;   
  2. using System.Data;   
  3. using System.Configuration;   
  4. using System.Linq;   
  5. using System.Web;   
  6. using System.Web.Security;   
  7. using System.Web.UI;   
  8. using System.Web.UI.HtmlControls;   
  9. using System.Web.UI.WebControls;   
  10. using System.Web.UI.WebControls.WebParts;   
  11. using System.Xml.Linq;   
  12. using System.IO;   
  13.   
  14. /// <summary>   
  15. ///File 的摘要说明   
  16. /// </summary>   
  17. public class FileTxt   
  18. {   
  19.     /// <summary>   
  20.     /// 将指定字符串写入指定文件   
  21.     /// </summary>   
  22.     /// <param name="strFileName">文件名</param>   
  23.     /// <param name="strContent">写入的字符串</param>   
  24.     public static void WriteFile(string strFileName,string strContent)   
  25.      {   
  26.         string strFileUrl = HttpContext.Current.Server.MapPath(strFileName);   
  27.          StreamWriter sw = null;   
  28.          sw = File.CreateText(strFileUrl);   
  29.          sw.WriteLine(strContent);   
  30.          sw.Flush();   
  31.          sw.Close();   
  32.          sw.Dispose();   
  33.      }   
  34.    /// <summary>   
  35.    /// 读取txt文件中的内容，不存在则创建并写入"0"   
  36.    /// </summary>   
  37.    /// <param name="strFileName">文件名</param>   
  38.    /// <returns>txt文件内容</returns>   
  39.     public static string ReaderFile(string strFileName)   
  40.      {   
  41.         string str = "0";   
  42.         string strFileUrl = HttpContext.Current.Server.MapPath(strFileName);   
  43.         if (!File.Exists(strFileUrl))   
  44.          {   
  45.              WriteFile(strFileName, str);   
  46.             return str;   
  47.          }   
  48.          StreamReader sr = null;   
  49.          sr = File.OpenText(strFileUrl);   
  50.          str = sr.ReadLine();   
  51.          sr.Close();   
  52.          sr.Dispose();   
  53.         return str;   
  54.      }   
  55. }

 

pnf
关注
专栏目录
JavaScript调用父窗口方法的实现方式
2301_79325657的博客
10-03 718
这些方法可根据具体场景选择使用。使用window.parent对象适用于嵌套的iframe情况，使用window.opener对象适用于弹出窗口情况，而postMessage方法则是一种通用的跨窗口通信方式，适用于不同窗口之间的交互。在JavaScript编程中，有时候我们需要在一个嵌套的iframe或弹出窗口中调用父窗口（即包含iframe或弹出窗口的窗口）的方法。这种情况下，我们可以使用一些方法来实现这样的交互。希望以上解答能够帮助到你。
网页调用代码/JS代码
05-30
网页，网站顶部，代码可以填入调用，也可上传网站JS调用！
js中的页面调用
qq_44736855的博客
12-01 241
这里写自定义目录标题JavaScript中的不同页面之间的调用 JavaScript中的不同页面之间的调用 window.open(" 需要调用的界面","_blank");
JS调用及网页跳转
m0_58823912的博客
06-11 468
js文件单独放在同一个文件夹里，使得条理更加清晰，可通过var oBtn=document.getElementById("btn2");方式绑定button； 通过<script src="JS/XXX.js"></script>调用js文件； 通过var oTxt=document.getElementById("user");方式获取表单中输入的值； JS中可以通过self.location='HTML/注册.html';方式实现网页跳转； ...
利用js进行跨页面调用
adevotee的专栏
05-27 2505
今天遇到一个个js问题:B通过window.open()打开A,我要判断B页面的函数是否存在,如果存在,则A页面的按钮c不显示.可以这样解决function func_in_a(){    if( opener.func_in_b )           c.style.display="none";}
javascript 窗口之间的调用
Ivan Song的专栏
07-16 841
 1、window.open产生的调用在子窗口中引用父窗口：window.opener在子窗口中引用父窗口的函数：window.opener.callMe();注：callMe父窗口里的js函数。 居住打开var w=500;var h=600;var l=screen.width/2-w/2;var t=screen.height/2-h/2;window.open("M
JS调用页面表格导出excel示例代码
12-09
使用JS方法调用页面表格导出excel有很大的限制： 1、目前试了几个浏览器，只有IE支持， 2、点击 工具—安全—自定义级别—ActiveX 相关选项启用 下面是html代码 代码如下: <%@ page language=”java” import...
javascript 调用其他页面的js函数或变量的脚本
10-30
本文将详细介绍如何在JavaScript中调用其他页面的函数和变量。 首先，理解基本概念：每个HTML页面都有一个与之关联的JavaScript上下文，即`window`对象。`window`对象是全局对象，包含所有浏览器窗口的属性和方法。...
iframe子父页面调用js函数示例
12-12
与之相关的常见需求是实现子父页面之间的交互，例如调用JavaScript函数。本篇文章将详细讲解如何在`iframe`子页面调用父页面的JS函数以及反之的操作。 ### 1. 子页面调用父页面的JS函数 在`iframe`子页面中，要...
js中iframe调用父页面的方法
01-19
本文实例讲述了js中iframe调用父页面的方法。分享给大家供大家参考。具体实现方法如下： 子页面调用父页面的方法在js中很容易实现。我们只需要在主页面加个函数，然后在子页面通过window.parent.方法()即可实现了 ...
网页中js调用的常见写法
elirlove1的博客
12-20 914
这是在后台线程中运行JavaScript代码的方式，以避免阻塞主线程。：这是在HTML元素上绑定事件处理程序的方式，如。函数向服务器发送请求并处理响应的方式。：这是将JavaScript代码写入单独的。函数来定时执行代码的方式。：这是直接在HTML元素中添加。文件，然后在HTML文件中使用。等事件处理程序的方式。
js调用收藏某个网站
lieri111的专栏
03-16 1009
/*---------- 收藏本站 -----------*/function addCookie(){ if (document.all) { window.external.addFavorite(http://www.google.com/,guge); }else if (window.sidebar){ window.sidebar.
js 调用子窗口js办法
lzj0470的专栏
10-28 217
&lt;html&gt; &lt;title&gt; &lt;script language="javascript"&gt;       function a(){              document.frames[0].execScript('b()','javascript');      } &lt;/script&gt; &lt;/title&gt; &lt;body&gt;
JavaScript 打开窗口的办法
IKUNzhenin的博客
12-25 594
请注意，由于浏览器的安全限制，弹出窗口可能会被浏览器阻止。为了确保窗口能够打开，通常需要与用户的交互行为（例如，点击按钮）相关联。：使用指定的URL打开一个新窗口。：在当前窗口中加载指定的URL。属性：可以通过在链接中设置。来在新窗口中打开链接。
js获取整个HTML网页的内容
weixin_42649856的博客
02-15 7182
var test=document.getElementsByTagName('html')[0].outerHTML; alert(test); console.log(test);
用JS操作网页
m0_57860459的博客
12-29 2032
JS操作网页
js子页面调用父页面方法与父页面调用子页方法
热门推荐
weixin_44512123的博客
08-17 3万+
在做项目中都会存有主页面子页面。子页面嵌套中主页面中，主页面有主的方法，子页面有字面的方法，通常的方法是点击主页面选项打开子页面。但是我这里我要从子页面就是房态图，因为主页面和房态中有一些方法是相同，就是说从房态图中打开模态框，同时也可以从主页面打开这个模态框。也是说我这次的问题是如何从主页面中调用子页面中的方法?就想下图所示嘛，模态框已经在房态图中实现了，打开是同样的模态框总不会在主...
js实现一个html页面引入另一个html页面
haogemr的博客
05-05 3万+
通过jq的load方法引入原生js的object标签引入iframe引入import引入(head中引入文件，script中加载内容) 通过jq的load方法引入 <body> <div id="div"></div> <script> $("#div").load("index.html"); <...
js A页面调用b页面方法
最新发布
10-12
在JavaScript中，如果你想要在一个A页面通过window对象或者iframe来调用B页面的方法，你可以利用postMessage API来进行跨域通信，这是一种安全的方式。这里是一个简单的例子： ```javascript // B页面 (通常放在另一个域名或同源策略限制下的文件) function remoteMethod(param) { window.postMessage({ type: 'remoteCall', param }, '*'); } // A页面 window.addEventListener('message', function(event) { if (event.origin !== 'http://example.com') return; // 防止XSS攻击 if (event.data.type === 'remoteCall') { // 在这里处理B页面发送过来的数据 console.log('Received from B:', event.data.param); // 调用B页的方法 bPageFunction(event.data.param); } }); // 假设bPageFunction是你如何模拟B页面函数的本地函数 function bPageFunction(param) { // 你的实现... } ``` 在这个例子中，`remoteMethod`会被B页面调用，然后它会向A页面发送一个消息，A页面接收到消息后会解析并执行相应的回调函数。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值