Javascript 如何为HTML编写Onclick

Javascript 如何为HTML编写Onclick,javascript,html,onclick,Javascript,Html,Onclick,一个程序如何同时单击多个功能。不久将提供用于提出此问题的代码 现在需要澄清的是,我的目标是单击提供的任何一个链接,我希望它移动到某个元素的位置。我想让主体元素消失,然后打开一个iframe。当这种情况发生时,我希望第(一)(二)(三)行中的所有其他链接都能移动或消失,直到再次单击链接。我知道这需要某种Jquery,所以如果有人有Jquery,请提供给我一个?我还没有开发出自己的,也没有找到一个。我非常感谢任何愿意帮助我的人 <div id="external_links"> <

一个程序如何同时单击多个功能。不久将提供用于提出此问题的代码

现在需要澄清的是,我的目标是单击提供的任何一个链接,我希望它移动到某个元素的位置。我想让主体元素消失,然后打开一个iframe。当这种情况发生时,我希望第(一)(二)(三)行中的所有其他链接都能移动或消失,直到再次单击链接。我知道这需要某种Jquery,所以如果有人有Jquery,请提供给我一个?我还没有开发出自己的,也没有找到一个。我非常感谢任何愿意帮助我的人

<div id="external_links">
<ul id="Rowone">
    <li><a href="http://www.andymark.com/" title="AndyMarks - Distributor"><h3>Andy Mark</h3></a>
    </li>
    <li><a href="http://www.chiefdelphi.com/forums/portal.php" title="ChiefDelphi - Forums"><h3>Chief Delphi</h3></a>
    </li>
    <li><a href="http://www.andymark.com/" title="AndyMarks - Distributor"><h3>Andy Mark</h3></a>
    </li>
    <li><a href="http://www.andymark.com/" title="AndyMarks - Distributor"><h3>Andy Mark</h3></a>
    </li>
</ul>
<ul id="Rowtwo">
    <li><a href="http://www.andymark.com/" title="AndyMarks - Distributor"><h3>Andy Mark</h3></a>
    </li>
    <li><a href="http://www.andymark.com/" title="AndyMarks - Distributor"><h3>Andy Mark</h3></a>
    </li>
    <li><a href="http://www.andymark.com/" title="AndyMarks - Distributor"><h3>Andy Mark</h3></a>
    </li>
    <li><a href="http://www.andymark.com/" title="AndyMarks - Distributor"><h3>Andy Mark</h3></a>
    </li>
</ul>
<ul id="Rowthree">
    <li><a href="http://www.andymark.com/" title="AndyMarks - Distributor"><h3>Andy Mark</h3></a>
    </li>
    <li><a href="http://www.andymark.com/" title="AndyMarks - Distributor"><h3>Andy Mark</h3></a>
    </li>
    <li><a href="http://www.andymark.com/" title="AndyMarks - Distributor"><h3>Andy Mark</h3></a>
    </li>
    <li><a href="http://www.andymark.com/" title="AndyMarks - Distributor"><h3>Andy Mark</h3></a>
    </li>
</ul>
<iframe src="http://www.dptv.org/programs/robotics/index.shtml?cmpgn=shorturl" width="200" height="200"></iframe>
    </div>

    </div>

</div> 
<!--#external_links-->

将html更改为:

并在js文件或脚本标记区域中添加调用函数

function myfunction(){
    ifrm = document.getElementsByTagName("IFRAME"); 
    ifrm.setAttribute("src", "http://stackoverflow.com/");
}

如果你想在javascript中获得淡入淡出的效果,那就不那么容易了。使用jQuery即可。

给你:。去学习使用。它应该为您提供所有的工具来做您需要的事情。执行诸如移动/淡入元素之类的操作实际上相当复杂,但是像jQuery这样的JavaScript库将为您完成繁重的工作。我知道,其他人可能会推荐其他/更好的学习资源。FelixKling嗯,我会去看看^ ^ ^ ^ ^道文哦,在我开始我的网站之前,我的朋友向我推荐了这个:哦,我一直在寻找它!谢谢这帮了我。。。有一点:)这已经足够好了,我想我会从其他评论那里得到一些帮助,非常感谢!如果正确使用jQuery,则不需要向锚添加
onclick
属性(
。说真的,只需浏览一下。这可能需要你几个小时,但你会发现它非常有用!@MomoCoolBreezyKitty-我忘了在我的评论中标记你,所以你可能没有收到通知。阅读我上面所说的内容-我真的认为jQuery会让你的生活更轻松。好的,我会的!我很想成为一名多平台程序员戴:)虽然它让我在一些地方^_^