【问题标题】:How to call javascript function after click of a button?单击按钮后如何调用javascript函数?
【发布时间】:2015-03-12 01:37:31
【问题描述】:

您好,我在单击按钮后调用以下 javascript 时遇到问题。 我还需要一个代码来插入按钮,我可以用它来调用下面的 JS 函数。唯一的要求是在单击按钮之前脚本的结果不应显示在页面中。此外,即使在执行脚本之后,按钮也将保持不变。单击按钮后页面不应重新加载。生成的提要应仅作为页面中的一个部分在按钮下方运行。

    <!-- start feedwind code --><script type="text/javascript">document.write('\x3Cscript type="text/javascript" src="' + ('https:' == document.location.protocol ? 'https://' : 'http://') + 'feed.mikle.com/js/rssmikle.js">\x3C/script>');</script><script type="text/javascript">(function() {var params = {rssmikle_url: "http://news.google.co.in/news?pz=1&cf=all&ned=in&hl=en&topic=n&output=rss",rssmikle_frame_width: "400",rssmikle_frame_height: "500",frame_height_by_article: "0",rssmikle_target: "_blank",rssmikle_font: "Arial, Helvetica, sans-serif",rssmikle_font_size: "12",rssmikle_border: "off",responsive: "off",rssmikle_css_url: "",text_align: "left",text_align2: "left",corner: "off",scrollbar: "on",autoscroll: "on_mc",scrolldirection: "up",scrollstep: "3",mcspeed: "30",sort: "New",rssmikle_title: "on",rssmikle_title_sentence: "Indian Latest News - As it happens",rssmikle_title_link: "",rssmikle_title_bgcolor: "#0066FF",rssmikle_title_color: "#FFFFFF",rssmikle_title_bgimage: "",rssmikle_item_bgcolor: "#FFFFFF",rssmikle_item_bgimage: "",rssmikle_item_title_length: "55",rssmikle_item_title_color: "#0066FF",rssmikle_item_border_bottom: "on",rssmikle_item_description: "on",item_link: "on",rssmikle_item_description_length: "150",rssmikle_item_description_color: "#666666",rssmikle_item_date: "gl1",rssmikle_timezone: "Etc/GMT",datetime_format: "%b %e, %Y %l:%M:%S %p",item_description_style: "text+tn",item_thumbnail: "full",item_thumbnail_selection: "auto",article_num: "15",rssmikle_item_podcast: "off",keyword_inc: "",keyword_exc: ""};feedwind_show_widget_iframe(params);})();</script><div style="font-size:10px; text-align:center; width:350px;"><a href="http://feed.mikle.com/" target="_blank" style="color:#CCCCCC;">RSS Feed Widget</a><!--Please display the above link in your web page according to Terms of Service.--></div><!-- end feedwind code -->

请快速帮助。

【问题讨论】:

  • 你看过onClick吗?我
  • 请阅读how to ask,并努力学习如何格式化您的问题 - 特别是如果您“立即”需要帮助。

标签: javascript jquery html css button


【解决方案1】:

使用 HTML onClick 调用 javascript 函数。还更正了 javascript 并使其可读。注意我已经删除了document.write并替换为https链接,如果您的网站同时使用http和https,您将需要恢复为document.write

<button onClick='onClickFunc();'> Run script
  </button>

<!-- start feedwind code -->
<script type="text/javascript" src="https://feed.mikle.com/js/rssmikle.js"></script>
<script type="text/javascript">
  function onClickFunc() {
    var params = {
      rssmikle_url: "http://news.google.co.in/news?pz=1&cf=all&ned=in&hl=en&topic=n&output=rss",
      rssmikle_frame_width: "400",
      rssmikle_frame_height: "500",
      frame_height_by_article: "0",
      rssmikle_target: "_blank",
      rssmikle_font: "Arial, Helvetica, sans-serif",
      rssmikle_font_size: "12",
      rssmikle_border: "off",
      responsive: "off",
      rssmikle_css_url: "",
      text_align: "left",
      text_align2: "left",
      corner: "off",
      scrollbar: "on",
      autoscroll: "on_mc",
      scrolldirection: "up",
      scrollstep: "3",
      mcspeed: "30",
      sort: "New",
      rssmikle_title: "on",
      rssmikle_title_sentence: "Indian Latest News - As it happens",
      rssmikle_title_link: "",
      rssmikle_title_bgcolor: "#0066FF",
      rssmikle_title_color: "#FFFFFF",
      rssmikle_title_bgimage: "",
      rssmikle_item_bgcolor: "#FFFFFF",
      rssmikle_item_bgimage: "",
      rssmikle_item_title_length: "55",
      rssmikle_item_title_color: "#0066FF",
      rssmikle_item_border_bottom: "on",
      rssmikle_item_description: "on",
      item_link: "on",
      rssmikle_item_description_length: "150",
      rssmikle_item_description_color: "#666666",
      rssmikle_item_date: "gl1",
      rssmikle_timezone: "Etc/GMT",
      datetime_format: "%b %e, %Y %l:%M:%S %p",
      item_description_style: "text+tn",
      item_thumbnail: "full",
      item_thumbnail_selection: "auto",
      article_num: "15",
      rssmikle_item_podcast: "off",
      keyword_inc: "",
      keyword_exc: ""
    };
    feedwind_show_widget_iframe(params);
  }
  document.write(" <button onClick = 'onClickFunc();' > Run script < /button>");
</script>

<div style="font-size:10px; text-align:center; width:350px;">
  <a href="http://feed.mikle.com/" target="_blank" style="color:#CCCCCC;"> RSS Feed Widget</a>
  <!--Please display the above link in your web page according to Terms of Service.-->
</div>
<!-- end feedwind code -->

【讨论】:

  • function onClickFunc() { // 你的脚本放在这里 }
  • 这就是你的意思吗?当我将 js 放入“// 你的脚本在此处”时,页面显示按钮,“function onClickFunc() {”文本和下面的脚本正在执行,甚至没有点击。请澄清..
  • 如果你没有单独的 javascript 文件,你需要进一步包装
  • 很抱歉,它没有给出想要的结果。 :(
  • 而您仍然没有对您的问题提供所需的编辑
猜你喜欢
  • 1970-01-01
  • 2018-10-25
  • 2016-12-08
  • 2017-08-14
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2020-12-23
  • 1970-01-01
相关资源
最近更新 更多