下面例子非常简单，用w:script来包含一段javascript代码：

<w:script>
    function test(){
        var text = "hello";
        alert(text);
    }
    test();
</w:script>

在script中的脚本可以使用“@{构件id}”的形式来引用构件对应的页面html元素（即通过构件的clientId查找对应的html元素，注意与jsvar的区别）。

以下代码中的textField将显示“通过构件id引用页面元素测试成功。”。请注意脚本中的@{txt}是对w:textField底层的<input>元素的引用。而w:textField的jsvar（如果已设置），则是对一个Ext.TextField对象的引用。

<w:form id="form">
    <w:textField id="txt" width="400" value="通过构件id引用页面元素测试失败。"/>
</w:form>

<w:script>
    <!--
    Ext.onReady(function(){
        @{txt}.value='通过构件id引用页面元素测试成功。';
    });
     -->
</w:script>