javascript 事件插入行

最新推荐文章于 2022-11-19 09:22:57 发布

zengshaotao

最新推荐文章于 2022-11-19 09:22:57 发布

阅读量263

点赞数

分类专栏： javascript 文章标签： javascript xhtml ViewUI

本文链接：https://blog.csdn.net/zengshaotao/article/details/84360303

版权

javascript 专栏收录该内容

102 篇文章 0 订阅

订阅专栏

页面代码：
<html>
<head>
<script type="text/javascript">
function getpValue()
{
document.getElementById("span1").innerText=window.parent.document.getElementById

("username").value;
}
</script>
</head>
<body>
<span>文本框值为：</span><span id="span1"></span><br />
<input type="button" value="获取父窗口内的文本框值" οnclick="getpValue();">
</body>
</html>

该页面以iframe的形式嵌入到其父页面，通过如上语句可以获得父窗口的值

<HTML>
<HEAD>
<TITLE>showModelessDialogEX.htm</TITLE>
<SCRIPT>
var sUserName="";

function fnCallDialog(){
showModelessDialog("myDialog.htm",window,"status:false;dialogWidth:300px;dialogHeight:300px");
}

function fnUpdate(){
oName.innerText = sUserName;
}
</SCRIPT>
</HEAD><BODY>
<P>Enter your first name:
<SPAN ID="oName" STYLE="color:red;font-size:24">Joan</SPAN></P>
<INPUT TYPE="button" VALUE="Display Modeless Dialog" οnclick="fnCallDialog()">
</BODY>
</HTML>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<script language="javascript">
function searchDOM()
{
var li=document.getElementsByTagName("li");//获得了所有li标记，在数组里重复存储
alert(li.length+" "+li[1].tagName+" "+li[2].tagName+" "+li[3].childNodes

[0].nodeValue);
//将标记之间的文本内容也看成了一个节点，为了通用性，有些只有单个文件节点的标记也

需要用
  //childNodes[0].nodeValue来获得其单个文本节点的文本内容

  alert(li[1].childNodes[0].nodeValue);
  var ul = document.getElementsByTagName("ul");
  alert(ul[1].childNodes[1].tagName);
  alert(ul[1].childNodes[1].nodeValue);

  var li2=ul[1].getElementsByTagName("li");
  alert(li2.length+" "+li2[1].tagName+" "+li2[2].childNodes[0].nodeValue);
  alert("测试新的");
  var id = document.getElementById("css");
  alert(id.tagName+" "+id.childNodes[0].nodeValue);
  alert("父子节点测试");
  var ml = document.getElementById("myList");
  var domString = "";
  if(ml.hasChildNodes())
  {
   var son = ml.childNodes;
   for(var i=0;i<son.length;i++)
   {
    domString +=son[i].nodeName+"\n";
   }
   alert(son[0].nodeValue);
  }
  alert(domString);
  alert("节点属性的测试");
  var img = document.getElementsByTagName("img")[0];//不能少了s，复数的形式
  alert(img);
  alert(img.getAttribute("title"));
  alert("创建新节点的测试");
  var op = document.createElement("p");
  var pText = document.createTextNode("这是一个新的开始");
  op.appendChild(pText);
  document.body.appendChild(op);
  alert("innerHTML的测试");
  var mt = document.getElementById("mytest");//得到容器标记
  alert(mt.innerHTML);
  mt.innerHTML = "<img src='三清山.jpg' title='魅力三清山' />";
}
</script>
</head>

<body οnlοad="searchDOM()">
<ul>客户端语言
  <li>HTML</li>
  <li>JavaScript</li>
  <li id="css">CSS</li>
</ul>
<ul id="myList">服务器端语言
  <li>JSP</li>
  <li>PHP</li>
  <li>ASP</li>
</ul>
<img src="美丽上饶.jpg" title="美丽上饶" border="0" />
<p>事先在这里写入一行文字，测试appendChild（）方法添加的文本位置</p>
<div id="mytest">
  <span>魅力三清山</span>
  <p>我爱上饶</p>
</div>
</body>
</html>

window.οnlοad=function()
{
  var otr = document.getElementById("member").insertRow(2);
  var text = new Array();
  text[0] = document.createTextNode("test");
  text[1] = document.createTextNode("test");
  text[2] = document.createTextNode("test");
  text[3] = document.createTextNode("test");
  text[4] = document.createTextNode("test");
  for(var i=0;i<text.length;i++)
  {
   var otd = otr.insertCell(i);
   otd.appendChild(text[i]);
  }
}

function checkMyCard(card)
{
  var ok,i=0,ch;
  ok = (card.charAt(4)=="-"&&card.charAt(9)=="-"&&card.charAt(14)=="-")
  if(!ok)
  {
   alert("卡号的输入格式不对");
   return false;
  }
  while(i<19)
  {
   ch = card.charAt(i);
   if(ch!="-"&&(ch<"0"||ch>"9"))
   {
    alert("卡号输入格式不对，格式应该是xxxx-xxxx-xxxx-xxxx，x是0到9其

中的一个数");
    return false;
   }
   i++;
  }
  return true;
}