Javascript 无法在 Html 服务器控件上工作?

发布于 2024-12-12 22:41:57 字数 898 浏览 0 评论 0原文

我正在使用 ASP.Net 编写一个网站。

我将有很多 html 通用控件,例如

; 等等..

我有一些 onclick javascript 函数,onmouseover javascript 函数..

它们工作正常..

然后我需要控制它们在服务器端。

所以,我添加 runat="server" ..

之后,所有 javascript 都不再工作了..

我知道它们不再工作,因为所有事件现在都返回到服务器端。

那么,有什么办法可以让它们工作吗?

例如,

<div id="myDiv1" onclick="myfunction(para1)"><img src="..." /></div>

上面的代码正在工作..

<div id="myDiv1" runat="server" onclick="myfunction(para1)"><img src="..." /></div>

上面的代码不起作用...

我可以让它工作,可能是

<div id="externalDiv1" onclick="myfunction(para1)"><div id="myDiv1" runat="server" ><img src="..." /></div></div>

有其他方法吗?

I am writing a website with ASP.Net.

I will have lots of html generic controls like <div> <span> and so on..

I have some onclick javascript functions, onmouseover javascript functions..

They are working fine..

Then I need to control them on the server side.

So, I add runat="server"..

After that, all the javascripts aren't working anymore..

I understand they aren't working coz all the events are now going back to server side.

So, is there anyway to make them work??

For eg,

<div id="myDiv1" onclick="myfunction(para1)"><img src="..." /></div>

the above code is working..

<div id="myDiv1" runat="server" onclick="myfunction(para1)"><img src="..." /></div>

the above code is not working...

I can make it work, probably by

<div id="externalDiv1" onclick="myfunction(para1)"><div id="myDiv1" runat="server" ><img src="..." /></div></div>

Is there any other way?

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

国产ˉ祖宗 2024-12-19 22:41:59

就 JavaScript 而言,服务器端或客户端控件没有区别。所有服务器端控件最终都会呈现为普通 HTML 控件。如果您的 javascript 函数无法正常工作,可能是因为您通过错误的 id 访问它们,因为通过将它们设为服务器端控件,它们现在可以具有遵循 _

例如,这样声明的 span 元素

<span id="mylabel" runat="server"> testing</span>

可能最终会呈现为:

<span id="MainContent_mylabel"> testing</span>

ASP.NET 4.0 有一个称为 CliendIDMode 的功能,可以将其设置为 static,这意味着标记上的 id 在页面呈现后将保持不变。

Server-side or client-side controls makes no difference as far as javascript is concerned. ALL server-side controls end up being rendered as normal HTML controls. If your javascript functions are not working might be because you are accessing them by the wrong id since by making them server-side controls they can now have ids that follow a pattern like <parent_id>_<control_id>.

For example, a span element declared like this:

<span id="mylabel" runat="server"> testing</span>

may end up being rendered as:

<span id="MainContent_mylabel"> testing</span>

ASP.NET 4.0 has a feature called CliendIDMode which can be set to static, meaning, that your ids on the markup will stay unchanged after the page is rendered.

╰沐子 2024-12-19 22:41:58

我假设您使用 document.getElementById() 通过 id 获取元素。如果您使用母版页,服务器控件的ID在渲染到页面后会发生变化,在这种情况下,您必须使用其ClientID
例如

var myDiv1 = document.getElementById("<%= myDiv1.ClientID %>");

I assume that you used document.getElementById() to get an element by its id. If you are using master pages, the IDs of server controls will be changed after rendering to the page, in that case, you have to use its ClientID
for e.g.

var myDiv1 = document.getElementById("<%= myDiv1.ClientID %>");
~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文