Dojo
发布时间：2022-04-21 发布网站：大佬教程 code.js-code.com
大佬教程收集整理的这篇文章主要介绍了dojo学习笔记（六）－ ContentPane，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。
实现功能：在一个容器里点击一个链接，在另外一个容器中显示这个链接所指向页面的内容。<html><head> <script src="./dojo/dojo.js"> </script> <script> dojo.require("dojo.widget.ContentPane"); var links = null,display = null; dojo.addOnLoad(init); function init(){ links = dojo.widget.byId("links"); display = dojo.widget.byId("display"); // listen to links domNode for onclick event // lowercased on all DOM events as opposed to widget events //"onclick",必须是小写的 dojo.event.connect(links.domNode,"onclick",'relayClicks'); } // finds out if this is a link event function relayClicks(evt){ var node = evt.target;//取得事件源 if(node.nodename.toLowerCase() == "a"){ // it is a link,prevent the browser from unloading the page evt.preventDefault(); // change page in display pane display.setUrl(node.href); } } </script></head><body> <h1>Example on how to easily relay <a href="someurl.html" target="display"> clicks</h1> <div dojoType="ContentPane" widgetId="links" style="float:left ; width: 200px; height: 400px; border: 1px solid red;" > <a href="link1.html">Link 1</a><br/> <a href="link2.html">Link 2</a><br/> <a href="link3.html">Link 3</a><br/> </div> <div dojoType="ContentPane" widgetId="display" name="display" id ="display" style="width: 600px; height: 400px; border: 1px solid blue;" ></div></body></html>大佬总结
以上是大佬教程为你收集整理的dojo学习笔记（六）－ ContentPane全部内容，希望文章能够帮你解决dojo学习笔记（六）－ ContentPane所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错，欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。
