Question

我试图在尝试更改页面时启动JavaScript函数，而页面我的意思是更改对象。但是该对象具有JavaScript函数。我尝试了http://www.w3schools.com/jsref/event_onunload.asp事件，但因为验证需要在对象内部进行，所以它不起作用。

对象＆＃34;一个＆＃34;有一个称为＆＃34;验证＆＃34;的验证功能。我试图在卸载时加载它，所以当我点击导航菜单的另一个页面时它会激活。这样做的目的是在页面更改之前进行验证，因此如果用户有任何未保存的更改，则会警告他们他们有未保存的更改并询问他们是否希望继续。导航菜单更改对象的数据。

JS函数填充Object：

function updateObjectFrame(which){
    document.getElementById('one').innerHTML = '<'+'object id="foo" style="height:100%;width:100%;" name="foo" type="text/html" data="'+which.href+'"><\/object>';
    var elements = document.getElementsByClassName('button');
    for ( var i = 0; i < elements.length; ++i ) {
         var element = elements[i];
         element.style.background = '#F0E68C'
         element.style.color = 'black';
    }
    which.style.background = '#333';
    which.style.color = '#fff';
}

被操纵的对象：

<div id="one" style="height:100%;width:100%;">
    <object id="foo" name="foo" type="text/html" style="height:100%;width:100%;" data="">
    </object>
</div>

导航菜单：

<div id="menu">
    <ul>
        <li>
            <a class="button" style="background:#333;color:#fff" href="test.asp?var1=1" onclick="updateObjectFrame(this); return false;">Test1</a>
        </li>
        <li>
            <a class="button" style="background:#333;color:#fff" href="test2.asp?var2=2" onclick="updateObjectFrame(this); return false;">Test2</a>
        </li>
        <li>
            <a class="button" style="background:#333;color:#fff" href="test3.asp?var3=3" onclick="updateObjectFrame(this); return false;">Test3</a>
        </li>
    </ul>
</div>

如果有人有任何建议，我们将不胜感激。

Answer 1

为Body标记

尝试标记onunload="javascript:function();

在HTML对象中执行一个函数

1 个答案: