今天一个同事需要实现这么一个效果,于是就测试了一下,中间的逻辑用了狠长时间,不过最终还是搞出来了!代码有点臃肿,没时间优化,有用到类似功能的朋友可以自己优化一下!(需加入自己的jquery文件)
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>全选与取消全选</title>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
var checkInfo = function(objname){
var cobjarr;
var pobjarr;
var operate = '_'; //ID连接符
if ( typeof($('#'+objname+operate+'1').attr('id')) !== 'undefined' ){
cobjarr = $('input[id^='+objname+operate+']');
$(cobjarr).each( function(){
$(this).attr('checked',$('#'+objname).attr('checked')); &nbs ......
<html xmlns="http://www.w3.org/1999/xhtml" >
<head >
<title></title>
</head>
<body>
<form id="form1">
<div>
<ul>
<li><input type='radio' name="radio_113" value="1" />White</li>
<li><input type='radio' name="radio_113" value="2" />Black, African American, or Negro</li>
&n ......
JavaScript获取DOM节点元素
在Web应用程序特别是Web2.0程序开发中,经常要获取页面中某个元素,然后更新该元素的样式、内容等。如何获取要更新的元素,是首先要解决的问题。令人欣慰的是,使用JavaScript获取节点的方法有很多种,这里简单做一下总结:
通过顶层document节点获取:
1. document.getElement
ById(elementId)
该方法通过节点的ID,可以准确获得需要的元素,是比较简单快捷的方法。如果页面上含有多个相同id的节点,那么只返回第一个节点。如今,已经出现了如prototype、Mootools等多个JavaScript库,它们提供了更简便的方法:$(id),参数仍然是节点的id。这个方法可以看作是document.getElementById()的另外一种写法,不过$()的功能更为强大,具体用法可以参考它们各自的API文档。
2. document.getElements
ByName(elementName)
该方法是通过节点的name获取节点,从名字可以看出,这个方法返回的不是一个节点元素,而是具有同样名称的节点数组。然后,我们可以通过要获取节点的某个属性来循环判断是否为需要的节点。 例如:在HTML中checkbox和radio都是通过相 ......
1.在COM组件中调用JavaScript函数
// 连接点方式页面javascript脚本
<object classid="CLSID:B568F111-DFE4-4944-B67F-0728AB2AB30F"
id="testCom" VIEWASTEXT></object>
<script language="JavaScript" for="testCom" event="staTe(s)">
alert("State(" + s + ")");
return 123;
</script>
<script language="JavaScript">
testCom.FireStateEvent("Hello");
</script>
// 事件属性方式页面javascript脚本
function onState(s){
alert("onState(" + s + ")");
return 456;
}
var o = new ActiveXObject("TestATL.TestCom");
o.onstaTe=onState;
o.FireStateEvent("Hello");
// Com组件VC7.1 ATL代码
__interface _ITestComEvents{
&nb ......
原帖地址:http://www.followman.com/bbs/Topic-B11-T262.aspx
JavaScript动态响应ATL事件
相关讨论:http://topic.csdn.net/t/20061012/21/5078729.html
重
点:脚本传过来的对象是IDispatch接口,应该用IDispatch::Invoke来调用。如果传过来的是个function,那么DISPID
为0,如果是个对象,那么要先用GetIDsOfNames得到DISPID,再Invoke。
相关讨论2:http://topic.csdn.net/u/20080418/12/3c09eb2c-fbb4-419f-8a6e-50d78ba8ff2d.html
控件要实现事件来调用JS脚本,应该使用属性,因为JS语言本身并不支持连接点。假设你的控件是ICtrl,要添加一个FirstEvent事件,
像下面这样做:
IDL:
[propput]HRESULT FirstEvent(VARIANT* pEvent);
.h:
class CCtrl : public ICtrl
{
__stdcall HRESULT
put_FirstEvent(VARIANT* pEvent);
CComQIPtr <IDispatch>
m_spEvent;
void Fire_FirstEvent(VARIANT sType, VARIANT Msg);
}
.cpp:
HRESULT __stdcall CCtrl::put_FirstEvent(VARIANT*
pEvent)
{
assert(pEvent->vt == VT_DISPATCH);
m_spEvent = V_DISPATCH(pEvent);
return ......
浏览器已经看到的东西都存在缓存文件夹里。
脚本注释: 单行// 多行/*....*/
启动时候加载function() window.onload= function;
alert 提示对话框 alert("提示内容");
prompt提示输入框prompt("提示内容","默认值");
JavaScript重定向 在装载页面时,不能在装载完之前不能设置onclick处理程序,浏览器有可能还没有遇到id为redirect的元素,尤其对于复杂的大页面,所以我们必须等待页面的装载完成,这要通过onload实现。
window.onload = initAll;
function initAll(){
document.getElementById("redirect").onclick=initRedirect;
}
function initRedirect(){
window.location="jswelcome.html";
//停止对用户点击的处理,这样就不会装载href指向的页面。
return false;
}
显示引用页面
window.onload = writeMessage;
function writeMessage()
if(document.referrer != ""){
document.getElementById("referrerMsg").innerHTML=document.referrer;
}
} ......