搜狐博客开放模块如何添加Javascript代码
如果需要为Widget增加一些交互效果，可以使用Javascript代码。Widget中的Javascript需要注意一下几点：
所有的Javascript代码必须符合SOW的规范
而且这些代码都必须直接放到<script>标签之中，不支持外链Javascript代码
现在我们继续上面的例子，在其中增加Javascript代码，当Widget用户设置了自己的昵称之后，会把这个昵称显示在Widget的内容区域。内容如下：
| <?xml version="1.0" encoding="utf-8"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xmlns:widget="http://www.netvibes.com/ns/"> <head> <title>欢迎您</title> <link rel="icon" type="image/x-icon" href="http://blog.sohu.com/favicon.ico" /> <meta name="author" content="Jady" /> <meta name="website" content="http://blog.sohu.com" /> <meta name="description" content="一个显示欢迎您的SOW Widget" /> <meta name="version" content="1.0" /> <meta name="keyword" content="欢迎 widget" /> <meta name="screenshot" content="http://blog.sohu.com/screenshot.jpg" /> <meta name="thumbnail" content="http://blog.sohu.com/thumbnail.jpg" /> <meta name="debugMode" content="true" /> <style type="text/css"> <!-- .nick { color: #333333; font-weight: bold; } --> </style> <widget:preferences> <preference type="text" name="nick" label="昵称" /> </widget:preferences> <script type="text/javascript"> <![CDATA[ widget.onRefresh = function() { if (widget.getValue("nick")) { var nick = widget.getValue("nick"); var str = 'Hello, welcome to <span class="nick">'+nick+'</span> world!'; widget.setBody(str); } } ]]> </script> </head> <body> 您好，欢迎光临<span class="nick">我</span>的博客! </body> </html> |
显示效果截图：
提示：为了辅助和规范Widget Javascript的开发工作，SOW中有很多有关这方面的支持和规范，详细内容参见“SOW API规范”。