js函数没有运行错误 [英] js function not running error
本文介绍了js函数没有运行错误的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！
问题描述
我的js功能完全正常工作（没有母版页）我只需要在其他页面上使用它，所以我将它复制粘贴到一个新的网页表单但是这次使用母版页，现在它根本没有运行..这就是我的代码：
<％@ Page Title =Language =vbAutoEventWireup =false
MasterPageFile =〜/ MasterPage.MasterCodeBehind =homecarecontent.aspx.vb
Inherits =homecare_web2.homecarecontent％>
< asp：Content ID =Content2ContentPlaceHolderID =ContentPlaceHolder1runat =server>
< head>
< title>< / title>
< link href =StyleSheet1.css =stylesheettype =text / css/>
< style type =text / css>
#TextArea1
{
身高：152px;
宽度：222px;
}
#conte
{
身高：136px;
宽度：229px;
}
#content_txt
{身高：178px;
宽度：226px;
}
#content_t
{
身高：159px;
宽度：225px;
}
< / style>
< script type =text / javascript>
function limiter（）{
var area = document.getElementById（content_txt）;
var message = document.getElementById（message）;
var maxLength = 160;
var checkLength = function（）{
if（area.value.length< = maxLength）{
message.innerHTML =（maxLength - area.value.length）+字符重新映射 ;
}
}
setInterval（checkLength，300）;
}
< / script>
< / head>
这是我的asp代码：
< td valign ='top'>
< textarea style =resize：none; margin-bottom：0px; id =content_txtclass =area
name =TextArea1runat =servermaxlength =160önkeyup=return limiter（）; >< / textarea的>
< / td>
错误firefox控制台是该区域为空...但实际上它不是null！
任何帮助plz！
解决方案
var area = document .getElementById（' <％= content_txt.ClientID％GT;'）;
var message = document .getElementById（' <％= message％>'）;
当我们做的时候使用母版页控件的ID更改，这就是为什么它无法在页面上找到元素而无法正常工作并导致错误
var area = document.getElementById（ content_txt）;
var message = document.getElementById（ 消息）;
my js function is perfectly working (without master page) i just needed to use it on anther page so i copy paste it in a new web form but this time using master page and now it's not running at all..that's my code:
<%@ Page Title="" Language="vb" AutoEventWireup="false"
MasterPageFile="~/MasterPage.Master" CodeBehind="homecarecontent.aspx.vb"
Inherits="homecare_web2.homecarecontent" %>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
<head>
<title></title>
<link href="StyleSheet1.css" rel="stylesheet" type="text/css" />
<style type="text/css">
#TextArea1
{
height: 152px;
width: 222px;
}
#conte
{
height: 136px;
width: 229px;
}
#content_txt
{ height: 178px;
width: 226px;
}
#content_t
{
height: 159px;
width: 225px;
}
</style>
<script type="text/javascript">
function limiter() {
var area = document.getElementById("content_txt");
var message = document.getElementById("message");
var maxLength = 160;
var checkLength = function () {
if (area.value.length <= maxLength) {
message.innerHTML = (maxLength - area.value.length) + " characters remainging";
}
}
setInterval(checkLength, 300);
}
</script>
</head>
and that's my asp code:
<td valign='top'>
<textarea style="resize:none; margin-bottom:0px;" id="content_txt" class="area"
name="TextArea1" runat="server" maxlength="160" önkeyup="return limiter();" ></textarea>
</td>
the error firefox console is that the area is null... but in reality it's not null !
any help plz !
解决方案
var area = document.getElementById('<%=content_txt.ClientID%>'); var message = document.getElementById('<%=message%>');
when we do use master pages id of control changes thats why it is not able to find the elements on the page and not working and resulting errors
var area = document.getElementById("content_txt"); var message = document.getElementById("message");
这篇关于js函数没有运行错误的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
查看全文
