我需要实现的功能是通过javascript进行判断HTML页面中的数据；不过我不清楚如何获取值和具体实现方法
查过网上很多资料都是不详细，或者说我没看懂的缘故；希望各位大神指点一下， 如果能实现项目中代码写入一些解释 当然最棒！具体实现的是这样 ：网页上有一个Label控件，显示值 大于0则 提示 报警，小于等于0则不提示；
提示窗口是javascript+CSS实现的 【其实就是javascript屏幕浏览器右下角信息提醒框】代码我就不列出来了 程序打包.rar 大小144 KB 里面就是个最简单的项目代码 该项目源程序下载至此 我先谢谢各位 的帮助 ！
查过网上很多资料都是不详细，或者说我没看懂的缘故；希望各位大神指点一下， 如果能实现项目中代码写入一些解释 当然最棒！具体实现的是这样 ：网页上有一个Label控件，显示值 大于0则 提示 报警，小于等于0则不提示；
提示窗口是javascript+CSS实现的 【其实就是javascript屏幕浏览器右下角信息提醒框】代码我就不列出来了 程序打包.rar 大小144 KB 里面就是个最简单的项目代码 该项目源程序下载至此 我先谢谢各位 的帮助 ！
你给这个lable加个id。然后js去取出来再判断不就行了
<title></title>
<script type="text/javascript">
function SetValue() {
var text = document.getElementById("txtValue").value;
document.getElementById("lblNumber").innerText = text;
} function Judge() {
var lblText = document.getElementById("lblNumber").innerText;
if (parseInt(lblText) > 0) {
alert("乌拉乌拉乌拉！");
}
else {
alert("……");
}
}
</script>
</head>
<body>
<form id="form1" runat="server">
<asp:Label ID="lblNumber" runat="server" Text="0"></asp:Label>
<input type="text" id="txtValue" />
<input type="button" id="btnSetValue" value="给标签赋值" onclick="SetValue();return false;" />
<input type="button" id="btnJudge" value="判断" onclick="Judge();return false;" />
</form>
</body>
先感谢你的帮助 细心解答 不过
怎么说呢 完全天壤之别 不是一个东西 哈！
我要要判断 出一个值 然后 实现javascript的那个屏幕坐下窗体内显示出值 报警提示
判断小于等于0则不提示....
是一个整合的应用 不是这个意思 ....
威盘下载地址项目：http://www.vdisk.cn/down/index/10310523 【复制浏览器→回车】页面代码是这样写的 列出来了如下
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="javascript.aspx.cs" Inherits="javascript右下角信息提醒框.javascript" %><!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 runat="server">
<title></title>
<style>
* { padding: 0; margin: 0; }
li { list-style: none; }
body { background: #eee; }
.float_layer { width: 300px; border: 1px solid #aaaaaa; display:none; background: #fff; }
.float_layer h2 { height: 25px; line-height: 25px; padding-left: 10px; font-size: 14px; color: #333; background: url(title_bg.gif) repeat-x; border-bottom: 1px solid #aaaaaa; position: relative; }
.float_layer .min { width: 21px; height: 20px; background: url(min.gif) no-repeat 0 bottom; position: absolute; top: 2px; right: 25px; }
.float_layer .min:hover { background:url(min.gif) no-repeat 0 0; }
.float_layer .max { width: 21px; height: 20px; background: url(max.gif) no-repeat 0 bottom; position: absolute; top: 2px; right: 25px; }
.float_layer .max:hover { background: url(max.gif) no-repeat 0 0; }
.float_layer .close { width: 21px; height: 20px; background: url(close.gif) no-repeat 0 bottom; position: absolute; top: 2px; right: 3px; }
.float_layer .close:hover { background: url(close.gif) no-repeat 0 0; }
.float_layer .content { height: 120px; overflow: hidden; font-size: 14px; line-height: 18px; color: #666; text-indent: 28px; }
.float_layer .wrap { padding: 10px; }
.style1
{
color: #0000FF;
}
</style>
<script type="text/javascript">
function miaovAddEvent(oEle, sEventName, fnHandler) {
if (oEle.attachEvent) {
oEle.attachEvent('on' + sEventName, fnHandler);
}
else {
oEle.addEventListener(sEventName, fnHandler, false);
}
}
window.onload = function () {
var oDiv = document.getElementById('miaov_float_layer');
var oBtnMin = document.getElementById('btn_min');
var oBtnClose = document.getElementById('btn_close');
var oDivContent = oDiv.getElementsByTagName('div')[0]; var iMaxHeight = 0; var isIE6 = window.navigator.userAgent.match(/MSIE 6/ig) && !window.navigator.userAgent.match(/MSIE 7|8/ig); oDiv.style.display = 'block';
iMaxHeight = oDivContent.offsetHeight; if (isIE6) {
oDiv.style.position = 'absolute';
repositionAbsolute();
miaovAddEvent(window, 'scroll', repositionAbsolute);
miaovAddEvent(window, 'resize', repositionAbsolute);
}
else {
oDiv.style.position = 'fixed';
repositionFixed();
miaovAddEvent(window, 'resize', repositionFixed);
} oBtnMin.timer = null;
oBtnMin.isMax = true;
oBtnMin.onclick = function () {
startMove
(
oDivContent, (this.isMax = !this.isMax) ? iMaxHeight : 0,
function () {
oBtnMin.className = oBtnMin.className == 'min' ? 'max' : 'min';
}
);
}; oBtnClose.onclick = function () {
oDiv.style.display = 'none';
};
}; function startMove(obj, iTarget, fnCallBackEnd) {
if (obj.timer) {
clearInterval(obj.timer);
}
obj.timer = setInterval
(
function () {
doMove(obj, iTarget, fnCallBackEnd);
}, 30
);
} function doMove(obj, iTarget, fnCallBackEnd) {
var iSpeed = (iTarget - obj.offsetHeight) / 8; if (obj.offsetHeight == iTarget) {
clearInterval(obj.timer);
obj.timer = null;
if (fnCallBackEnd) {
fnCallBackEnd();
}
}
else {
iSpeed = iSpeed > 0 ? Math.ceil(iSpeed) : Math.floor(iSpeed);
obj.style.height = obj.offsetHeight + iSpeed + 'px'; ((window.navigator.userAgent.match(/MSIE 6/ig) && window.navigator.userAgent.match(/MSIE 6/ig).length == 2) ? repositionAbsolute : repositionFixed)()
}
} function repositionAbsolute() {
var oDiv = document.getElementById('miaov_float_layer');
var left = document.body.scrollLeft || document.documentElement.scrollLeft;
var top = document.body.scrollTop || document.documentElement.scrollTop;
var width = document.documentElement.clientWidth;
var height = document.documentElement.clientHeight; oDiv.style.left = left + width - oDiv.offsetWidth + 'px';
oDiv.style.top = top + height - oDiv.offsetHeight + 'px';
} function repositionFixed() {
var oDiv = document.getElementById('miaov_float_layer');
var width = document.documentElement.clientWidth;
var height = document.documentElement.clientHeight; oDiv.style.left = width - oDiv.offsetWidth + 'px';
oDiv.style.top = height - oDiv.offsetHeight + 'px';
}
</script>
</head><body style="height: 2200px">
<form id="form1" runat="server">
<div class="float_layer" id="miaov_float_layer">
<h2>
<strong>时时数据报警提示</strong>
<a id="btn_min" href="javascript:;" class="min"></a>
<a id="btn_close" href="javascript:;" class="close"></a>
</h2>
<div class="content">
<div class="wrap">
<a href="www.baidu.com"> 当前在线报警数量<strong><span>数量</span></strong>请尽快处</a>
<%--<address><span class="MarginLeft10 a">游梁泵数据监测<a href="TWDataMonitorForm.aspx"></a>√</span></address>--%>
</div>
</div>
</div>
报警数量【<asp:Label ID="Label1" runat="server" BackColor="Red"></asp:Label>
】<span class="style1">报警数量大于0就进行js提示</span><br />
报警值填写<asp:TextBox ID="TextBox1" runat="server" ForeColor="Red" Width="69px"></asp:TextBox>
<asp:Button ID="Button1" runat="server" Height="24px" onclick="Button1_Click"
Text="设置报警数量" Width="100px" />
</form>
</body>
</html>
,...............
网页上有一个Label控件，显示值 大于0则 提示 报警，小于等于0则不提示；
提示窗口是javascript+CSS实现的 javascript屏幕浏览器右下角信息提醒框 提示框内的值获取与Label控件 中的值..................
但是怎么测试都不对 就是出问题 就是不好使蛋疼的js
添加了一个按钮触发的Do方法用于判断并显示和隐藏DIV。<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %><!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 id="Head1" runat="server">
<title></title>
<style type="text/css">
*
{
padding: 0;
margin: 0;
}
li
{
list-style: none;
}
body
{
background: #eee;
}
.float_layer
{
width: 300px;
border: 1px solid #aaaaaa;
display: none;
background: #fff;
}
.float_layer h2
{
height: 25px;
line-height: 25px;
padding-left: 10px;
font-size: 14px;
color: #333;
background: url(title_bg.gif) repeat-x;
border-bottom: 1px solid #aaaaaa;
position: relative;
}
.float_layer .min
{
width: 21px;
height: 20px;
background: url(min.gif) no-repeat 0 bottom;
position: absolute;
top: 2px;
right: 25px;
}
.float_layer .min:hover
{
background: url(min.gif) no-repeat 0 0;
}
.float_layer .max
{
width: 21px;
height: 20px;
background: url(max.gif) no-repeat 0 bottom;
position: absolute;
top: 2px;
right: 25px;
}
.float_layer .max:hover
{
background: url(max.gif) no-repeat 0 0;
}
.float_layer .close
{
width: 21px;
height: 20px;
background: url(close.gif) no-repeat 0 bottom;
position: absolute;
top: 2px;
right: 3px;
}
.float_layer .close:hover
{
background: url(close.gif) no-repeat 0 0;
}
.float_layer .content
{
height: 120px;
overflow: hidden;
font-size: 14px;
line-height: 18px;
color: #666;
text-indent: 28px;
}
.float_layer .wrap
{
padding: 10px;
}
.style1
{
color: #0000FF;
}
</style>
<script type="text/javascript">
function miaovAddEvent(oEle, sEventName, fnHandler) {
if (oEle.attachEvent) {
oEle.attachEvent('on' + sEventName, fnHandler);
}
else {
oEle.addEventListener(sEventName, fnHandler, false);
}
} function load() {
var oDiv = document.getElementById('miaov_float_layer');
var oBtnMin = document.getElementById('btn_min');
var oBtnClose = document.getElementById('btn_close');
var oDivContent = oDiv.getElementsByTagName('div')[0]; oDiv.style.display = 'block'; var iMaxHeight = 0; var isIE6 = window.navigator.userAgent.match(/MSIE 6/ig) && !window.navigator.userAgent.match(/MSIE 7|8/ig); iMaxHeight = oDivContent.offsetHeight; if (isIE6) {
oDiv.style.position = 'absolute';
repositionAbsolute();
miaovAddEvent(window, 'scroll', repositionAbsolute);
miaovAddEvent(window, 'resize', repositionAbsolute);
}
else {
oDiv.style.position = 'fixed';
repositionFixed();
miaovAddEvent(window, 'resize', repositionFixed);
} oBtnMin.timer = null;
oBtnMin.isMax = true;
oBtnMin.onclick = function () {
startMove(
oDivContent,
(this.isMax = !this.isMax) ? iMaxHeight : 0,
function () {
oBtnMin.className = oBtnMin.className == 'min' ? 'max' : 'min';
}
);
}; oBtnClose.onclick = function () {
oDiv.style.display = 'none';
}; oDiv.style.display = 'none';
} function startMove(obj, iTarget, fnCallBackEnd) {
if (obj.timer) {
clearInterval(obj.timer);
}
obj.timer = setInterval(
function () {
doMove(obj, iTarget, fnCallBackEnd);
},
30
);
} function doMove(obj, iTarget, fnCallBackEnd) {
var iSpeed = (iTarget - obj.offsetHeight) / 8; if (obj.offsetHeight == iTarget) {
clearInterval(obj.timer);
obj.timer = null;
if (fnCallBackEnd) {
fnCallBackEnd();
}
}
else {
iSpeed = iSpeed > 0 ? Math.ceil(iSpeed) : Math.floor(iSpeed);
obj.style.height = obj.offsetHeight + iSpeed + 'px'; ((window.navigator.userAgent.match(/MSIE 6/ig) && window.navigator.userAgent.match(/MSIE 6/ig).length == 2) ? repositionAbsolute : repositionFixed)()
}
} function repositionAbsolute() {
var oDiv = document.getElementById('miaov_float_layer');
var left = document.body.scrollLeft || document.documentElement.scrollLeft;
var top = document.body.scrollTop || document.documentElement.scrollTop;
var width = document.documentElement.clientWidth;
var height = document.documentElement.clientHeight; oDiv.style.left = left + width - oDiv.offsetWidth + 'px';
oDiv.style.top = top + height - oDiv.offsetHeight + 'px';
} function repositionFixed() {
var oDiv = document.getElementById('miaov_float_layer');
var width = document.documentElement.clientWidth;
var height = document.documentElement.clientHeight; oDiv.style.left = width - oDiv.offsetWidth + 'px';
oDiv.style.top = height - oDiv.offsetHeight + 'px';
} function Do() {
var text = document.getElementById("TextBox1").value;
if (parseInt(text) > 0) {
document.getElementById("Label1").innerHTML = text;
document.getElementById("number").innerHTML = text;
document.getElementById("miaov_float_layer").style.display = "block";
}
else {
document.getElementById("miaov_float_layer").style.display = "none";
}
}
</script>
</head>
<body onload="load()">
<form id="form1" runat="server">
<div class="float_layer" id="miaov_float_layer">
<h2>
<strong>时时数据报警提示</strong> <a id="btn_min" href="javascript:;" class="min"></a><a
id="btn_close" href="javascript:;" class="close"></a>
</h2>
<div class="content">
<div class="wrap">
<a href="www.baidu.com">当前在线报警数量<strong><span id="number">数量</span></strong>请尽快处</a>
<%--<address><span class="MarginLeft10 a">游梁泵数据监测<a href="TWDataMonitorForm.aspx"></a>√</span></address>--%>
</div>
</div>
</div>
报警数量【<asp:Label ID="Label1" runat="server" BackColor="Red"></asp:Label>
】<span class="style1">报警数量大于0就进行js提示</span><br />
报警值填写<asp:TextBox ID="TextBox1" runat="server" ForeColor="Red" Width="69px"></asp:TextBox>
<asp:Button ID="Button1" runat="server" Height="24px" OnClick="Button1_Click" OnClientClick="Do(); return false;" Text="设置报警数量"
Width="100px" />
</form>
</body>
</html>
直接获取文本框的值再进行判断然后给span标记赋值即可。
onclientclick="" 这个才是触发前台事件..
js 也是差不多原理的.都是先获取后判断然后赋值
非常感谢！我是做C#的遇到javascript非常头疼 非常感谢你的帮助 分数都是你的
如果你愿意和我做个朋友 我非常开心 本人qq30520626 备注：CSDNyqyqyqyq0215我在北京市上班 是一名非常有激情的程序员