Javascript：将变量作为参数插入

时间：2016-02-08 17:03:07

标签： javascript html

我正在寻找我的＆＃34; NodeNumber＆＃34;变量到我的loadSynchPage函数的参数。

我的代码查看页面的名称（例如来自http://www.example.com/tree/page.htm的page.htm），并在一系列行后面给出了一个＆＃34; NodeNumber＆＃34;。我希望页面能够计算出NodeNumber并在页面加载时将其放入函数中。 所以我猜它看起来像这样：

<BODY onload="loadSynchPage(NodeNumber);">

我有我的代码使用onlick按钮输出NodeNumber。 我还有loadSynchPage（linkID）函数，使用onclick按钮工作，我自己输入数字。按钮，还有一个我预定的工作变量;但我无法阅读我的＆＃34; NodeNumber＆＃34;我花了两天的时间试图解决这个问题。

这是我的代码：

<script>
function variables() {
//Getting the page's name from the URL
PageName = location.pathname.split("/").slice(-1);
document.getElementById("PageName").innerHTML = PageName;

//Converting the page name into a string
PageNameString = String(PageName);
document.getElementById("PageNameString").innerHTML = PageNameString;

//Converting the string of the page name, into it's length
PageLength = PageNameString.length;
document.getElementById("PageLength").innerHTML = PageLength;

//Setting the DemoFramesetNodes.js as a variable (Copy and Paste in - needs to have no " and be on one line)
TextFromDemoFramesetNodesJS = "foldersTree = gFld(<i>Page 1 Title</i>, page1.htm)//000foldersTree.treeID = Framesetaux1 = insFld(foldersTree, gFld(Page 2 Title, page 2.htm)) //001insDoc(aux1, gLnk(R, Page 3 Title, Page3.htm)) //002aux1 = insFld(foldersTree, gFld(Page 4 Title, Page4.htm)) //003insDoc(aux1, gLnk(R, Page 5 Title, Page5.htm)) //004";
//Need to set the difference BETWEEN the "m" in htm and the start of the number
//e.g. page2.htm)) //001
CharacterDifference = "5";
document.getElementById("CharacterDifference").innerHTML = CharacterDifference;

//Need to find the location of the page's name from the DemoFramsetNodes
PageNameLocation = TextFromDemoFramesetNodesJS.lastIndexOf(PageNameString);
document.getElementById("PageNameLocation").innerHTML = PageNameLocation;

//Need to convert all variables to be added into numbers
PageNameLocationNumber = Number(PageNameLocation);
PageLengthNumber = Number(PageLength);
CharacterDifferenceNumber = Number(CharacterDifference);
document.getElementById("CharacterDifferenceNumber").innerHTML = CharacterDifferenceNumber;

//Add the variables to give us the start location of the Node Number
NodeNumberStart = PageNameLocationNumber + PageLengthNumber + CharacterDifferenceNumber;
document.getElementById("NodeNumberStart").innerHTML = NodeNumberStart;

//Add the variables to give us the end location of the Node Number
NodeNumberEnd = PageNameLocationNumber + PageLengthNumber + CharacterDifferenceNumber + 3;
document.getElementById("NodeNumberEnd").innerHTML = NodeNumberEnd;

//this gives us the Node Number that we want
NodeNumber = TextFromDemoFramesetNodesJS.substring(NodeNumberStart, NodeNumberEnd);
document.getElementById("NodeNumber").innerHTML = NodeNumber;

}
 var avar=Number(window.NodeNumber);

 //window.NodeNumber;

function loadSynchPage(linkID) {
var folderObj;
docObj = parent.treeframe.findObj(linkID);
docObj.forceOpeningOfAncestorFolders();
parent.treeframe.HightlightNode(linkID,docObj.link,'basefrm');
if (typeof parent.treeframe.document.body != "undefined") // To handle scrolling not working with NS4
parent.treeframe.document.body.scrollTop=docObj.navObj.offsetTop

}


//myvar=Number(NodeNumber);


// function loadnode(){
// document.getElementById('loadSynchPage').onclick=function(){loadSynchPage(myvar);};  

//   var myvar=15;
//function init(){
//    document.getElementById('EditBanner').onclick=function(){EditBanner(myvar);};
// }
</script>
</head>

<BODY>

<button onclick="javascript:settingvariables();">Page Highlight1</button>
<button onclick="javascript:loadSynchPage(avar);">Page Highlight2</button>


Page Name: <p id="PageName"></p>
Page Name String: <p id="PageNameString"></p>
Page Length: <p id="PageLength"></p>
Character Difference: <p id="CharacterDifference"></p>
Page Name Location: <p id="PageNameLocation"></p>
Character Difference Number:<p id="CharacterDifferenceNumber"></p>
Node Number Start: <p id="NodeNumberStart"></p>
Node Number End: <p id="NodeNumberEnd"></p>
Node Number: <p id="NodeNumber"></p>

正如您在＆＃34; //＆＃34;在底部附近，我已经尝试了一些与stackoverflow上的其他问题不同的方法 - 我确信我已经尝试了所有东西并且遗漏了一些非常简单的东西：/ 我也拿出了＆＃34; var＆＃34;在设置像PageName和NodeNumber这样的东西之后，w3说这会让它们成为全局变量吗？

提供更多信息：

代码基于TreeView - 它左侧有一个带有节点的树，您单击节点以在右侧框架中打开页面。但是，单击右页中页面到另一页面的链接并不会更新节点上的突出显示，这就是我尝试这样做的原因（onload）。

编辑：如果可能的话，我也想把代码放到外部.js并引用它，因为我有多个页面（我上周用不同的，有效的代码试了几个小时，但也无法使用#j;让这个工作或者工作。

1 个答案:

答案 0 :(得分：1)

您只需要：

window.onload = function() {
    loadSynchPage(NodeNumber);
};

或者正文标记中的onload，您遇到的问题是它在此代码段中的沙箱中无效：

  

未捕获的SecurityError：沙箱访问冲突：阻止了一个框架   ＆＃34; http://stacksnippets.net＆＃34;从访问框架   ＆＃34; http://stackoverflow.com＆＃34 ;.请求访问的框架是沙箱   缺乏＆＃34;允许同源[＆34;标志。

＆＃13;
＆＃13; 
function variables() {
//Getting the page's name from the URL
PageName = location.pathname.split("/").slice(-1);
document.getElementById("PageName").innerHTML = PageName;

//Converting the page name into a string
PageNameString = String(PageName);
document.getElementById("PageNameString").innerHTML = PageNameString;

//Converting the string of the page name, into it's length
PageLength = PageNameString.length;
document.getElementById("PageLength").innerHTML = PageLength;

//Setting the DemoFramesetNodes.js as a variable (Copy and Paste in - needs to have no " and be on one line)
TextFromDemoFramesetNodesJS = "foldersTree = gFld(<i>Page 1 Title</i>, page1.htm)//000foldersTree.treeID = Framesetaux1 = insFld(foldersTree, gFld(Page 2 Title, page 2.htm)) //001insDoc(aux1, gLnk(R, Page 3 Title, Page3.htm)) //002aux1 = insFld(foldersTree, gFld(Page 4 Title, Page4.htm)) //003insDoc(aux1, gLnk(R, Page 5 Title, Page5.htm)) //004";
//Need to set the difference BETWEEN the "m" in htm and the start of the number
//e.g. page2.htm)) //001
CharacterDifference = "5";
document.getElementById("CharacterDifference").innerHTML = CharacterDifference;

//Need to find the location of the page's name from the DemoFramsetNodes
PageNameLocation = TextFromDemoFramesetNodesJS.lastIndexOf(PageNameString);
document.getElementById("PageNameLocation").innerHTML = PageNameLocation;

//Need to convert all variables to be added into numbers
PageNameLocationNumber = Number(PageNameLocation);
PageLengthNumber = Number(PageLength);
CharacterDifferenceNumber = Number(CharacterDifference);
document.getElementById("CharacterDifferenceNumber").innerHTML = CharacterDifferenceNumber;

//Add the variables to give us the start location of the Node Number
NodeNumberStart = PageNameLocationNumber + PageLengthNumber + CharacterDifferenceNumber;
document.getElementById("NodeNumberStart").innerHTML = NodeNumberStart;

//Add the variables to give us the end location of the Node Number
NodeNumberEnd = PageNameLocationNumber + PageLengthNumber + CharacterDifferenceNumber + 3;
document.getElementById("NodeNumberEnd").innerHTML = NodeNumberEnd;

//this gives us the Node Number that we want
NodeNumber = TextFromDemoFramesetNodesJS.substring(NodeNumberStart, NodeNumberEnd);
document.getElementById("NodeNumber").innerHTML = NodeNumber;

}
 var avar=Number(window.NodeNumber);

 //window.NodeNumber;

function loadSynchPage(linkID) {
  alert("loadSynchPage called");
  var folderObj;
  docObj = parent.treeframe.findObj(linkID);
  docObj.forceOpeningOfAncestorFolders();
  parent.treeframe.HightlightNode(linkID,docObj.link,'basefrm');
  if (typeof parent.treeframe.document.body != "undefined") // To handle scrolling not working with NS4
    parent.treeframe.document.body.scrollTop=docObj.navObj.offsetTop
}


loadSynchPage(NodeNumber);

//myvar=Number(NodeNumber);


// function loadnode(){
// document.getElementById('loadSynchPage').onclick=function(){loadSynchPage(myvar);};  

//   var myvar=15;
//function init(){
//    document.getElementById('EditBanner').onclick=function(){EditBanner(myvar);};
// }
＆＃13; 
<button onclick="javascript:settingvariables();">Page Highlight1</button>
<button onclick="javascript:loadSynchPage(avar);">Page Highlight2</button>


Page Name: <p id="PageName"></p>
Page Name String: <p id="PageNameString"></p>
Page Length: <p id="PageLength"></p>
Character Difference: <p id="CharacterDifference"></p>
Page Name Location: <p id="PageNameLocation"></p>
Character Difference Number:<p id="CharacterDifferenceNumber"></p>
Node Number Start: <p id="NodeNumberStart"></p>
Node Number End: <p id="NodeNumberEnd"></p>
Node Number: <p id="NodeNumber"></p>
＆＃13;
＆＃13;
＆＃13;

第二个问题：将所有脚本（不包括<script>标签）保存到myjs.js，将其放在page.html旁边的同一目录中，然后从html中删除整个<script>块，并把它代替它：

<script src="myjs.js"></script>
相关问题
最新问题