小编Pra*_*Nag的帖子

我在我的一个应用程序中使用Ajax Autocomplete for Jquery(http://www.devbridge.com/projects/autocomplete/jquery/).搜索表单看起来像这样:

<form id="topsearch" method="POST" action="/searchAll"><input type="text" class="searchform" name="q" id="q" value="Country, City, Hotel or a Tourist Attraction" o    nfocus="clearInput(this);" onblur="defaultInput(this);" />
  <select id="top_search_select" name="entity_type">
     <option value="country">Countries</option>
     <option value="city">Cities</option>
     <option value="place" selected="selected">Tourist Attractions</option>
     <option value="hotel">Hotels</option>
  </select>
  <input type="submit" name="topsearch" class="submit" value="SEARCH" title="SEARCH"/>
</form>

并且自动完成配置如下所示:

<script type="text/javascript">
 //<![CDATA[
   var a = $('#q').autocomplete({
     serviceUrl:'/search',
     delimiter: /(,|;)\s*/, // regex or character
     maxHeight:400,
     width:325,
     zIndex: 9999,
     params: {entity_type:$('#top_search_select').val()},
     deferRequestBy: 0, //miliseconds
     noCache: false, //default is false, set to true …

我一直在尝试在页面中显示一些JS代码.我尝试过使用

<pre >
    <code>
        <script type="text/javascript"> 
            $(function(){
                alert("Hello");
            });
        </script>
    </code>
</pre>

但是如果在页面中加载了jQuery,那么我将收到警报并且代码未显示.如何在不执行JS的情况下显示此JS.我尝试了SyntaxHighLighter插件,它突出了代码,但我仍然收到警报.

向用户显示此JS代码而不执行它们的最佳方法是什么.