母版页使用问题(显示系统时间 js)

2023-10-29

    在使用母版页的时候,发现源文件控件元素的ID和生成HTML文件的ID不一致。表单from的name属性和id属性变成了aspnetForm,控件的id属性被无缘无故了加上了ctl00_ContentPlaceHolder1_前缀,其name属性也加上了ctl00$ContentPlaceHolder1$前缀,在使用javascript的时候就无法正确获得ID值进行下一步操作,如何解决这个问题呢?下面介绍在母版页显示系统时间为例进行说明。步骤如下:

  1. //javascript获得系统时间代码

<script   language="javascript">  
  function   show()  
  {  
       var   t;  
      //获得系统当前时间  
      t=new   Date();  
      var   s;  
      //获得时  
      s=t.getHours()+":";  
      //获得分  
      s+=t.getMinutes()<10?"0"+t.getMinutes():t.getMinutes();  
      s+=":";  
      s+=t.getSeconds()<10?"0"+t.getSeconds():t.getSeconds();  
      document.getElementById('<%= Label1.ClientID %>').innerText=s;

    setTimeout("show()",500)      
  }  
  </script>

2. 在母版页的body里面修改如下,使其载入时发生:

<body οnlοad="show()">

//为System.Web.UI.WebControls.TextBox   服务器端控件

<asp:Label ID="Label1"     runat="server"></asp:Label>

备注:document.getElementById('<%= Label1.ClientID %>').innerText=s;为技术关键点,为获得客户端的id,就需要用Label1.ClientID

由于种种原因(比如使用了MasterPage,或者GridView中的模版列),一个控件在设计时的ID往往不同于生成页面后的ID,为了获得控件客户端ID,我们可以从生成的页面入手,取控件id有以下三种修改方法:

   document.getElementById("ctl00$编辑区ID$控件ID");
document.getElementById("ctl00_编辑区ID_控件ID");
document.getElementById("<%= 编辑区ID_控件ID.ClientID %>");

【上面前两个方法的“ct100”都是客户端生成的代码,我们只要改变原来的值就可以了,比如本例js代码可以改成这样:document.getElementById('ctl00_Label1').innerText=s;同样可以实现】

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

母版页使用问题(显示系统时间 js) 的相关文章

随机推荐

  • postman 中传 json格式的参数 的3种简单方式。

    1 当我们使用GET发送请求的时候会发现body部分是灰的 所以我们先选择post请求 2 在头部添加 key gt Content Type Value gt application json 3 这里有3种方式 第一种是使用raw 如图
  • 使用命令行查看MySql数据库、表和字段等信息

    前言 好久没玩数据库了 又重新学习了一下 把一些基础的东西记录下来 方便查阅 内容 1 输入密码 进入MySql数据库 2 show databases 查看有多少个数据库 注意 databases 后面带 s 3 use test 使用
  • chatGPT生成Flink程序

    以下是一个符合您需求的基本 Flink Maven 项目示例 其中包括 Kafka 和 MySQL 的连接 并使用了一个固定窗口任务和水位线设置为5秒 在 pom xml 文件中 添加以下依赖项
  • 运维部署工具无法使用 | FISCO BCOS开发问题排查

    标签 没有网络 找不到pip 运维部署工具 没有网络 问题描述 在没有网络的情况下 如何使用运维部署工具 解决方法 运维部署工具依赖configparser等模块 建议在可以连接外网的情况下配置运维部署工具 并生成节点配置文件夹 推送至内网
  • 避免Cocos2d-x编写的游戏在用eclipse生成安卓包时繁琐的写Android.mk文件

    示例代码 https gist github com zhongtao1992 还未验证效果 但是看起来不错 能一定程度上避免反复的添加 cpp文件 转载于 https www cnblogs com zhong dev p 4044610
  • vue 子组件向父组件传递参数 子传父

    子组件中写 this emit RowCount res data RowCount 父组件中写 getMFGLRowCount val 父组件中的方法 接收子组件传过来的参数值赋值给父组件的变量 this totalCount val a
  • html文档包括指明,web前端学习(2):开始编写HTML

    在第一章中 我们初步了解了上网的过程 同时也明白了所谓网页 其本质就是主要用HTML语言所写的一份文档 相信大多数人在了解HTML文件前 最先接触的是利用 记事本 所写的文档或者是利用办公软件 Word 所建的文档 身为初心者的你可能会问
  • java8 新特性 —— 接口内允许添加默认实现的方法

    Java 8 允许我们通过 default 关键字对接口中定义的抽象方法提供一个默认的实现 请看下面示例代码 定义一个公式接口 interface Formula 计算 double calculate int a 求平方根 default
  • 以太坊bootNode

    种子节点bootnode Stripped down version of our Ethereum client implementation that only takes part in the network node discov
  • C#-后端HTTP请求两种方式GET POST

    C 后端HTTP请求两种方式GET POST GET方式 public static object GetToJson string url string JsonStr HttpWebRequest req HttpWebRequest
  • 有关Bash Shell的几个重要知识

    Bash Shell属于Shell的一种 属于Shell中的字符Shell GLI Shell的定义 命令解释器 俗称外壳 对接操作系统和用户 指人机交互接口程序 起到承上 应用程序 启下 操作系统 的翻译作用 Shell的两大类 图形Sh
  • bugku[社工-初步收集]

    bugku 社工 初步收集 题目 打开环境 四处搜寻下 发现了个购买辅助并且可以下载 下载下来试试 emmmmmmm wireshark抓个流量包来看下 可以看到出现了pass与user base64解码得到 user bugkuku 16
  • [NCTF2019]SQLi:regexp正则注入

    文章目录 题目 regexp正则注入 1 模糊注入 2 布尔盲注的regexp注入 3 盲注脚本 4 使用 00进行注释 总结 收获 参考 题目 登陆框 给出后台查询语句sqlquery select from users where us
  • 【电源模块】TPS54331 DCDC降压芯片设计

    TPS54331 3A输出 28V输入 带Eco模式的降压DC DC转换器 TPS54331 3A输出 28V输入 带Eco模式的降压DC DC转换器 一 特征 二 描述 三 引脚分布及功能 四 TPS5423xx系列区别 五 典型应用 六
  • 基于Sketch Up软件校园建模案例分享

    Acknowledgements 由衷感谢覃婉柔 赵泽昊同学在本次课程实习中做出的巨大贡献 感谢本团队成员一起努力奋斗的岁月 一 建模地点 中国地质大学 武汉 未来城校区图书馆周边 中国地质大学 武汉 未来城图书馆介绍 图书馆位于中国地质大
  • unity不同分辨率适配摄像机

    竖屏游戏的时候 unity中摄像机是自动上下适配的 也就是说在不同分辨率下看到的上下看到的世界范围是一致的 比如在iphone6正常 那么在iphoneX上就有一种放大的效果 而正常的情况是在iphoneX上看到的宽度应该是一致的 也就是说
  • Html5 播放实时音频流

    Html5 播放实时音频流 项目需求 Web端播放实时音频流 折腾了两天后问题得以解决 记录下开发调试过程 方便后来者 首次想到是利用Audio标签 Audio标签可以直接播放MP3格式 服务端将实时音频流编码成MP3格式 通过Http方式
  • 力软敏捷开发框架7.0.6源码

    力软敏捷开发框架真正源码 从我所看到的情况来看 如今敏捷软件开发被广泛误解了 许多人认为敏捷 他们只需要像scrum这样的过程即可定义sprint和迭代的框架 他们会不断冲刺 直到精疲力尽 然后改变直至停滞 但是 当您问他们面向对象设计的原
  • React 16官网 (main concepts) 浏览

    翻译一下官网 顺便了解一下React 16版本的新特性 照旧 从Hello World开始 ReactDOM render h1 Hello world h1 document getElementById root 在集成了React的必
  • 母版页使用问题(显示系统时间 js)

    在使用母版页的时候 发现源文件控件元素的ID和生成HTML文件的ID不一致 表单from的name属性和id属性变成了aspnetForm 控件的id属性被无缘无故了加上了ctl00 ContentPlaceHolder1 前缀 其name