JavaScript 开发经验

• function clickButton(e) {
      var target;
      var tarid;
      //获取事件源
      if (!e) {
          e = window.event;
      }
      if (e.target) {
          target = e.target;
      } else if (e.srcElememt) {
          target = e.srcElement;
      }
  
      var tarid = target.id;
      alert("HAHA" + tarid);
      //document.getElementById("text").setAttribute("ReadOnly", "true");
  
      //获取文本框内容 使用value，不要使用document.getElementById("text").getAttribute("value")
      var text = document.getElementById("text").value;
      alert(document.getElementById("text"));
      alert(text);
      //不要直接写内容，要进行追加操作
      var p = document.createElement('p');
      p.innerText = text;
      p.style = "color:#FF1493"
      document.getElementById("div1").appendChild(p);
      return false;
  }

  第一个JavaScript代码

• //这是直接插入html
  document.getElementById("div_id").innerHTML = "你想往div里插入的html代码";
  //如果想追加，可以这样
  //先保存div中原来的html
  var html = document.getElementById("div_id").innerHTML;
  //再跟你想追加的代码加到一起插入div中
  document.getElementById("div_id").innerHTML = html + "你想往div里追加的html代码";
  //--------------------- 
  //作者：紫冰Nan 
  //来源：CSDN 
  //原文：https://blog.csdn.net/NN_nan/article/details/55212689 
  //版权声明：本文为博主原创文章，转载请附上博文链接！

  这是追加直接写追加Html语言的一种可用方法 

• 注意有时ASP总是会刷新也买你，需要使用OnClientClick，在客户端运行的代码默认不向服务器传递数据，只有特定情况下启动OnClick 按钮向服务器提交页面

• 可以通过在CSS里面预先写好样式，在JavaScript添加特殊的ClassName标记来进行CSS的修改

•         function getCookie(name) {
              var arr, reg = new RegExp("(^| )" + name + "=([^;]*)(;|$)");
  
              if (arr = document.cookie.match(reg))
  
                  return (arr[2]);
              else
                  return null;
          }
          window.onload = function () {
              if (getCookie("login_id")==null) {
                  //加一个条件判断就好
                  $('form').fadeOut(500);
                  //这一部分因为表单消失了，所以向下移动的效果自然地显示了出来
                  $('.wrapper').addClass('form-success');
              }
          }

  这样先封装一个小的Cookies方法，这样就可以通过onload等方法根据用户的登录状态改变页面布局了。【总体来说还是最好使用脚本操作页面内容】