-
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等方法根据用户的登录状态改变页面布局了。【总体来说还是最好使用脚本操作页面内容】
JavaScript 开发经验
最新推荐文章于 2022-07-01 09:28:50 发布