代码解释 - JavaScript论坛

问题点数：0 回复次数：9

代码解释

搜索更多相关主题的帖子: 代码　解释　

第 2 楼

得分:0

你最好结合上下文看看，没有上下文无法定义$$它的含义，因为这个可以自己定义，没有严格规定！

Q:1428196631，百度：开发地即可找到我,有事请留言！

第 3 楼

得分:0

window.onload = function(){                         //此处定义window的事件onload.
    window.init = new Focus($$.module.picture.room,$$.module.picture.hotel);      //定义window的init属性，为一个新的Focus对象。$$应该是一个DOM对象
    $('viewRoomBtn').onclick = function(){                                                                 //此处$('')是根据ID获取对象，所以$()可以看成一个获取对象的函数
                                                                                                                                     应该相当于document.getElementById("viewRoomBtn").onclick
        window.init.li[2].onclick();
    };
}

有不对的地方，欢迎大家批评指正，不胜感激

第 4 楼

得分:0

以下是引用qingshuiliu在2010-8-13 23:12:04的发言：

window.onload = function(){                         //此处定义window的事件onload.
    window.init = new Focus($$.module.picture.room,$$.module.picture.hotel);      //定义window的init属性，为一个新的Focus对象。$$应该是一个DOM对象
    $('viewRoomBtn').onclick = function(){                                                                 //此处$('')是根据ID获取对象，所以$()可以看成一个获取对象的函数
                                                                                                                                     应该相当于document.getElementById("viewRoomBtn").onclick
        window.init.li[2].onclick();
    };
}

有不对的地方，欢迎大家批评指正，不胜感激

因为有个onclick，所以能肯定$()是一个获取对象的函数，但是$$到底是个什么函数对象就很难说了，如果说$$是个DOM对象，那JS里很多函数对象都是关于DOM对象来操作的（jquery就是一个典型），也就是说jquery里的大部分对象函数都可以统称为DOM操作对象！包括$()严格意义上来说，它也可算是DOM对象函数，而且现在还多了一个对象Focus,所以没有看到上下文，真的不好随意推测！

Q:1428196631，百度：开发地即可找到我,有事请留言！

第 5 楼

得分:0

这个是因为加载了Jquery，$()就是里面的

第 6 楼

得分:0

以下是引用NewDeveloper在2010-8-15 12:57:55的发言：

这个是因为加载了Jquery，$()就是里面的

1. 有$并不代表就是用的JQ库，我一样可以在写代码的时候为了省代码量自己定义一个$
2. JQ我看的不多，不过$('').onclick一看就对一个DOM对象的操作而JQ的$方法返回的应该是个jquery对象，加onclick事件似乎是用bind方法来绑定的，而不能直接.onclick的吧

第 7 楼

得分:0

回复 6楼 foktime

受教了

第 8 楼

得分:0

回复 6楼 foktime

这里的onclick应该是得到小图的事件，点击小图然后显示大图，而且小图不止一张。

第 9 楼

得分:0

程序代码：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<HTML>
<HEAD>
<META http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
<META name="GENERATOR" content="IBM Software Development Platform">
<META http-equiv="Content-Style-Type" content="text/css">
<LINK href="theme/Master.css" rel="stylesheet" type="text/css">
<TITLE>onclick.html</TITLE>
<script type="text/javascript">
function $(id){
    return document.getElementById(id);
}
function Focus(li){
this.li=li;
}
window.onload=function(){
    var o=document.getElementsByTagName("li");
    window.init=new Focus(o);
//init为一个变量，可以任意更改，为什么要加window就不清楚了，蛋疼，Focus()为新建的一个对象，结构不清楚，如上模仿的简单结构
    $("viewRoomBtn").onclick=function(){
//$为自定义的获取id是("id")的对象,在此时获取按钮viewRoomBtn的单击事件
    window.init.li[2].onclick();
//li[2]为Focus对象的li属性，当前是获取的对象li数组，li[2]即第3的个li，此句启动onclick事件
//即点击viewRoomBtn按钮就相当于点击了第3个li
    }
}
function max(){
    $("pp").innerHTML="<img src='mektron.gif' height='400' width='800'>";
//点击按钮，小图变大图，位置大小可以自己设置
}

</script>
</HEAD>
<BODY>
<P>Place content here.</P>
<form name="c">
<input type="button" id="viewRoomBtn" value="viewRoomBtn">
<ul id="u">
<li>lili0</li>
<li>lili1</li>
<li onclick="max()"><p id="pp"><img src="mektron.gif"></p></li>
</ul>
</form>
</BODY>
</HTML>

我模仿你的结构写了下，可以小图变大图，后面实在写不出来了，不好意思，
至于$$.module.picture.room,$$.module.picture.hotel是什么我就不清楚了，可能是自己定义的对象或者结构，在此可以理解为一个变量，改变大图或者小图方法有很多种，为什么要搞这么复杂就不清楚了，还是蛋疼吧
最后发现所有函数只有这2个有用，其他的都是多余的，所以你贴出的代码对于大小图转换，几乎都是多余的
function $(id){
return document.getElementById(id);
}

function max(){
$("pp").innerHTML="<img src='mektron.gif' height='400' width='800'>";
}

[ 本帖最后由 gulimeksoft 于 2010-8-16 16:07 编辑 ]