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;
}
} ......
需要了解的HTML知识
标签 table,tr,th,td
用循环进行重复操作
for(;;){}
javascript字符串
在javascript中,第一个字符在位置0上。cat,c在位置0上,a在位置1上,t在位置2上,所有其他字符串方法都是基于0的,在检查cat的length时,才会看到3这个值。
将值传递给函数
function abc(temp) function abc(temp1,temp2)
探测对象
window.onload = newCard;
function newCard{
if(document.getElementById){
for(var i =0;i<24;i++){
setSquare(i);
&nbs ......
当需要在网页中显示时间时可以用到下面这段代码:
<SCRIPT language=JavaScript type=text/JavaScript>
var day="";
var month="";
var ampm="";
var ampmhour="";
var myweekday="";
var year="";
mydate=new Date();
myweekday=mydate.getDay();
mymonth=mydate.getMonth()+1;
myday= mydate.getDate();
myyear= mydate.getYear();
year=(myyear > 200) ? myyear : 1900 + myyear;
if(myweekday == 0)
weekday=" 星期日 ";
else if(myweekday == 1)
weekday=" 星期一 ";
else if(myweekday == 2)
weekday=" 星期二 ";
else if(myweekday == 3)
weekday=" 星期三 ";
else if(myweekday == 4)
weekday=" 星期四 ";
else if(myweekday == 5)
weekday=" 星期五 ";
else if(myweekday == 6)
weekday=" 星期六 ";
document.write(year+"年"+mymonth+"月"+myday+"日"+weekday);
</SCRIPT> ......