关于HTML+JAVASCRIPT的代码_随笔

请根据下面的例子稍加修改即可

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<HTML>

<HEAD>

<TITLE>New Document </TITLE>

<style>

<!--

#foldheader{cursor:hand font-weight:bold }

//-->

</style>

<!--

var head="display:''"

function change(){

if(!document.all)

return

if (event.srcElement.id=="foldheader") {

var srcIndex = event.srcElement.sourceIndex

var nested = document.all[srcIndex+1]

if (nested.style.display=="none") {

nested.style.display=''

}

else {

nested.style.display="none"

}

document.onclick=change

//-->

</script>

</HEAD>

<BODY>

<ul>

</ul>

</ul>

</ul>

</ul>

<!--

function get_cookie(Name) {

var search = Name + "="

var returnvalue = ""

if (document.cookie.length >0) {

offset = document.cookie.indexOf(search)

// if cookie exists

if (offset != -1) {

offset += search.length

// set index of beginning of value

end = document.cookie.indexOf("", offset)

// set index of end of cookie value

if (end == -1) end = document.cookie.length

returnvalue=unescape(document.cookie.substring(offset, end))

}

return returnvalue

}

if (get_cookie(window.location.pathname) != ''){

var openresults=get_cookie(window.location.pathname).split(" ")

for (i=0 i <openresults.length i++){

foldinglist[openresults[i]].style.display=''

}

if (document.all){

var nodelength=foldinglist.length-1

var nodes=new Array(nodelength)

var openones=''

}

function check(){

for (i=0 i <= nodelength i++){

if (foldinglist[i].style.display=='')

openones=openones + " " + i

}

document.cookie=window.location.pathname+"="+openones

}

if (document.all)

document.body.onunload=check

//-->

</script>

</BODY>

</HTML>

可以用javascript读取xml数据

实例如下：

首先：xml文件（tree.xml）内容如下：

<?xml version="1.0" encoding="gb2312"?>

<target>_blank</target>

<target>_blank</target>

</tree>

<target>_blank</target>

<target>_blank</target>

</node>

</tree>

<target>_blank</target>

</node>

</tree>

<target>_blank</target>

<target>_blank</target>

<target>_blank</target>

</node>

</tree>

<target>_blank</target>

</tree>

<target>_blank</target>

<target>_blank</target>

<target>_blank</target>

</node>

</tree>

<target>_blank</target>

<target>_blank</target>

</node>

</tree>

</treeview>

//////////////////////////////////////////////////////

然后：javascript函数实现：(文件名称：tree.htm）

var HTML = ""

var space = ""

var blank = " "

function getSubject()

{

var xmlDoc

if(window.ActiveXObject)

{

//获得 *** 作的xml文件的对象

xmlDoc = new ActiveXObject('Microsoft.XMLDOM')

xmlDoc.async = false

xmlDoc.load("tree.xml")

if(xmlDoc == null)

{

alert('您的浏览器不支持xml文件读取,于是本页面禁止您的 *** 作,推荐使用IE5.0以上可以解决此问题!')

window.location.href='/Index.aspx'

return

}

//解析xml文件，判断是否出错

if(xmlDoc.parseError.errorCode != 0)

{

alert(xmlDoc.parseError.reason)

return

}

//获得根接点

var nodes = xmlDoc.documentElement.childNodes

//得到根接点下共有子接点个数，并循环

for(var i=0i<nodes.lengthi++)

{

//如果接点名为 tree

if(nodes(i).nodeName == "tree")

{

readTree(nodes(i))

}

//如果接点名为 node

else if(nodes(i).nodeName == "node")

{

readNode(nodes(i))

}

//删除对象

delete(xmlDoc)

//显示HTML

window.show.innerHTML = HTML

return

}

//读Tree节点

function readTree(cI)

{

var nodes = cI.childNodes

var menuHTML = space

menuHTML += blank

//得到超级链接

menuHTML += "<a href='"

//如果该节点的连接属性不为空，则连接

if(cI.selectNodes("link")(0).text != "")

{

menuHTML += cI.selectNodes("link")(0).text

}

//否则为空链接

else

{

menuHTML += "#"

}

//目标

if(cI.selectNodes("target")(0).text != "")

{

menuHTML += " target='"+cI.selectNodes("target")(0).text

menuHTML += "'"

}

//点击菜单事件，调用divshow(vid)函数

menuHTML += " onclick=javascript:divshow('"+cI.getAttribute("id")+"')"

//得到节点标题

menuHTML += " title='"

menuHTML += cI.selectNodes("title")(0).text

//结束

menuHTML += "'>"

//得到节点的正文

menuHTML += cI.selectNodes("text")(0).text

menuHTML += "</a><br>\n"

//将menuHTML设置添加到HTML字符串

HTML += menuHTML

//得到该节点的属性值<span

HTML += "<div id='"+cI.getAttribute("id")+"' style='display:none'>\n"

for(var i=0i<nodes.lengthi++)

{

var tempImg = ""

tempImg += blank

if(nodes(i).nodeName == "tree")

{

space += tempImg

readTree(nodes(i))

space = ""

}

else if(nodes(i).nodeName == "node")

{

space += tempImg

readNode(nodes(i))

}

HTML += "</div>\n"

return

}

//读Node节点

function readNode(cI)

{

var nodeHTML = space

nodeHTML += blank

//设置超级链接

nodeHTML += "<a href='"

//得到连接地址

nodeHTML += cI.selectNodes("link")(0).text

//目标

if(cI.selectNodes("target")(0).text != "")

nodeHTML += "' target='"+cI.selectNodes("target")(0).text

//得到节点标题

nodeHTML += "' title='"

nodeHTML += cI.selectNodes("title")(0).text

//结束

nodeHTML += "'>"

//得到节点的正文

nodeHTML += cI.selectNodes("text")(0).text

nodeHTML += "</a><br>\n"

HTML += nodeHTML

//HTML += "<div id='"+cI.getAttribute("id")+"'>"

space = ""

return

}

// *** 作对象的显示还是隐藏效果

function divshow(vid)

{

if(document.all[vid].style.display == "none")

{

document.all[vid].style.display = "block"

}

else

{

document.all[vid].style.display = "none"

}

return

}

</script>

<html>

<head>

<!--

body

{

margin-left: 0px

margin-top: 0px

margin-right: 0px

margin-bottom: 0px

font-size: 9pt

}

{

text-decoration:none

font-family: "宋体"

font-size: 9pt

COLOR:#000000

}

-->

</style>

</head>

</body>

getSubject()

</script>

</html>

//////////////////////////////////////////////////////////

运行，要在同一个路径下！

具体如下：

打开表格，选择包含长数据的单元格或单元格区域，在“开始”选项卡的“单元格”组中单击“格式”按钮，在打开的下拉列表中选择“单元格大小”栏中的“自动调整列宽”选项。

如果想在不改变单元格列宽的前提下显示单元格的全部内容，则可以在所选单元格或单元格区域上单击鼠标右键，在d出的快捷菜单中选择“设置单元格格式”命令，打开“设置单元格格式”对话框，单击“对齐”选项卡。

然后在“文本控制”栏中单击选中“自动换行”复选框，最后单击“确定”按钮。

欢迎分享，转载请注明来源：内存溢出

原文地址:https://www.54852.com/zaji/7132532.html

关于HTML+JAVASCRIPT的代码

发表评论

评论列表（0条）