onclick执行javascript函数并在div中返回结果

Question

首先，如果这是重复的操作，请允许我道歉，但是我的搜索都没有比现在更能启发我了。 也就是说，我目前正在尝试使用JavaScript / Ajax / jQuery，但遇到了一点障碍。

我想在首页上添加功能检查，以便用户可以测试其浏览器是否配置为允许JavaScript和cookie（如果用户的浏览器不允许将JavaScript和cookie用作代码，我不太担心代码是否可降解）本网站仅供我们公司的客户使用，我们几乎规定了使用我们网站的条款和条件。

现在，经过一番研究（GIYF等），看来最好的方法是让JavaScript设置cookie，从而用一块石头杀死两只鸟。 当然，我们无法将失败的范围缩小到“一个或另一个”，但我正在尝试（对我而言）尽可能地简化。 即使这样，我不确定我是否会以正确的方式进行操作。 这是我的.js文件中的代码：

function error_reporting (level) {
 // http://kevin.vanzonneveld.net
 // +   original by: Brett Zamir (http://brett-zamir.me)
 return this.ini_set('error_reporting', level);

}

var set = $(document).getUrlParam('set');

if(set !== 'yes') {

  var date = new Date();
  var midnight = new Date(date.getFullYear(), date.getMonth(), date.getDate(), 23, 59, 59);

  $.cookie('candcptest', 'ok', {

    expire: midnight,
    path: '/',
    domain: 'candcp.rossdb.net',
    secure: false

  }, function() {

    window.document.reload();

  });

} else {

  var candcptest = $.cookie('candcptest');

  if(candcptest !== undefined) {
    var ccptresult = 'Thank you.  Your browser is configured to allow JavaScript and accept cookies.  You may proceed with login';
  } else {
    var ccptresult = 'Thank you.  Unfortunately, your browser is not configured correctly.  Please check your settings or contact the Dev Team for assistance';
  }
};

（我之前编写了一个非常基本的测试以允许PHP中使用cookie，然后对其进行了修改以进行创建，因此上述内容本身可能与标准不符）。

现在，理想情况下，我想使用jQuery，因为这似乎很适合它，但是，显然，我不知道该如何做。 这就是我的HTML文件中的内容：

<!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" lang="en" xml:lang="en">
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <link href="styles/global.css" rel="stylesheet" type="text/css" />
    <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
    <script type="text/javascript" src="js/jquery.cookie.js"></script>
    <script type="text/javascript" src="js/jquery.getUrlParam.js"></script>
    <script type="text/javascript">
      $(function() {
        $('a#ccpt').click('js/candcptest',function() {
          $('div#ccptresult').append(result);
        });
      });
    </script>
  </head>

  <body class="body">
    <table width="1000" border="0" cellpadding="0" cellspacing="0" align="center" bgcolor="#FFFFFF">
      <tr>
        <td width="1000" height="545" align="center" valign="middle">
          <table border="0" align="center">
            <tr>
              <td width="750" height="150" align="center" class="text0down">
                This website makes use of JavaScript and cookies and it is essential that your browser is configured correctly in order for this website to work. If you are unsure if your browser is set up correctly, click <a href="#" class="text0down" id="ccpt">here</a> to test.
                <div id="ccptresult"></div>
              </td>
            </tr>
          </table>
        </td>
      </tr>
    </table>
  </body>
</html>

现在，这个想法（以防万一我的js难以理解，以至于您无法弄清楚我要做什么）是，当用户单击链接（a＃ccpt）时，该js将执行，结果（ var结果）将显示在div（div＃ccptresult）中。

我想不用说测试页面绝对没有任何作用，所以有些事情是严重不正确的，但是考虑到直到7天前，我还没有写过一行js代码，所以我的知识还很遥远也就不足为奇了足以找出我自己哪里出错了。

任何帮助将不胜感激。

Answer 1

如果我正确理解

$(function() {
        $('a#ccpt').click(function() {
          //execute the js function here
          $('div#ccptresult').append(result);
        });
      });

onclick执行javascript函数并在div中返回结果

问题描述

1 个解决方案

解决方案1
0 2013-03-06 13:32:58

onclick执行javascript函数并在div中返回结果

问题描述

1 个解决方案

解决方案1 0 2013-03-06 13:32:58

解决方案1
0 2013-03-06 13:32:58