Javascript bên trong PHP không làm việc (document.getElementById)

Question

Something lạ đang xảy ra nhưng tôi dường như không thể lấy mã JavaScript document.getElementById làm việc bên trong PHP ...

Ví dụ, tải mã PHP sau đây (sau đây) vào một tập tin PHP và chạy nó, không có cảnh báo JavaScript? Nhưng nếu bạn sao chép mã nguồn mà PHP đã lặp lại (hoặc được in) và chạy nó như một tệp HTML thì có một cảnh báo JavaScript? Vì vậy, bất kỳ phần tử nào được tạo bên trong các thẻ PHP không chạy trong JavaScript, ngay cả khi JavaScript được giữ bên ngoài các thẻ PHP?

Đây là mã PHP demo:

<?php 
print " 
<iframe id='my_id' name='my_id' src='http://www.php.com/'></iframe> 

<SCRIPT LANGUAGE='javascript'> 
document.getElementById('my_id').contentWindow.onload = function(){ 
    alert('content loaded'); 
} 
</SCRIPT> 
"; 
?> 

Nó thậm chí không hoạt động nếu chỉ đây là mã của bạn:

<iframe id='my_id' name='my_id' src='<?php echo"http://www.php.com/"; ?>'></iframe> 

<SCRIPT LANGUAGE='javascript'> 
document.getElementById('my_id').contentWindow.onload = function(){ 
    alert('content loaded'); 
} 
</SCRIPT> 

Đây là mã nguồn mà xuất hiện (theo yêu cầu) (Ngoài ra, contentWindow.onLoad đang hoạt động tốt đối với nội dung không thuộc cùng một tên miền như tôi trong Safari):

<iframe id='my_id' name='my_id' src='http://www.php.com/'></iframe> 

<SCRIPT LANGUAGE='javascript'> 
document.getElementById('my_id').contentWindow.onload = function(){ 
    alert('content loaded'); 
} 
</SCRIPT> 

Vấn đề của tôi là trong HTML mã này hoạt động tốt và cảnh báo được gọi là .... trong PHP mã không hoạt động và cảnh báo không bao giờ được gọi là ... Có một cái gì đó sai với cách xử lý PHP document.getElementById, không có gì sai với .contentWindow.onload.

Answer 1

<iframe id='my_id' onload="alert('Content Loaded');" name='my_id' src='http://www.php.com/'></iframe> 

Hoặc tốt hơn

<iframe id='my_id' onload='ShowAlert();' name='my_id' src='http://www.php.com/'></iframe> 

<script type='text/javascript'> 
function ShowAlert(){ 
    alert('Content Loaded'); 
} 
</script> 

Hoặc nếu bạn muốn echo nó

<?php 
echo "<iframe id='my_id' onload='ShowAlert();' name='my_id' src='http://www.php.com/'></iframe> 

<script type='text/javascript'> 
function ShowAlert(){ 
    alert('Content Loaded'); 
} 
</script>"; ?> 

Answer 2

thử này

<?php 

echo "<iframe id='my_id' name='my_id' src='http://www.php.com/'></iframe> 

<script type='text/javascript'> 
document.getElementById('my_id').onload = function(){  
    alert('content loaded'); 
} 
</script>"; 

?> 

Answer 3

Bạn có chắc chắn nó hoạt động trong một tập tin HTML? bạn đã thử nó chưa

document.getElementById ('my_id'). Onload = function() { cảnh báo ('tải nội dung'); }

thử mà

Answer 4

vấn đề của bạn không liên quan đến phần php của mã này. mã của bạn hoạt động tốt khi tôi cố gắng để tải một tập tin từ cùng một tên miền, như hình dưới đây:

<?php 
     print "<iframe id='my_id' name='my_id' src='test.php'></iframe> 

     <SCRIPT LANGUAGE='javascript'> 

     document.getElementById('my_id').contentWindow.onload = function(){ 
      alert('content loaded'); 
     } 
     </SCRIPT> 
     "; 
    ?> 

Vấn đề ở đây là quyền sở hữu của iframe.contentWindow khi thực hiện một yêu cầu miền chéo. This is one of the first links hiển thị trong Google khi bạn tìm kiếm các tên miền chéo iframe. Xem phần này:

Đối tượng cửa sổ đại diện cho nội dung iframe là tài sản của trang được tải vào khung nội tuyến. Để chứa trang để truy cập đối tượng cửa sổ khung nội tuyến theo bất kỳ cách nào có ý nghĩa, tên miền của trang có chứa và trang khung nội tuyến cần phải giống nhau (chi tiết).

Điều đó có nghĩa là bạn có thể truy cập nội dungChỉ khi bạn tải nội dung từ cùng một tên miền.

Kiểm tra câu trả lời cho số SO question này.

Answer 5

<iframe id='id' onload='display();' name='my_id' src='www.test.com'></iframe> 

<script type='text/javascript'> 
function display(){ 
    alert('Loading'); 
} 
</script> 

Answer 6

Nó không thành công vì bạn gọi document.getElementById trước khi tài liệu được nạp, nếu bạn muốn gắn các khung xử lý onload như thế này, bạn cần phải thực hiện cuộc gọi đến document.getElementById trong nội dung onload.

Cái gì như:

<script> 
    function loaded() { 
     document.getElementById('my_id').contentWindow.onload = function(){ 
      alert('content loaded'); 
     } 
    } 
</script> 
<body onload="loaded()"> 
<iframe id='my_id' name='my_id' src='http://www.php.com/'></iframe> 
</body> 

Thậm chí tốt hơn grap một framwork như jQuery và sử dụng các sự kiện domready. Nó khá chuẩn để bọc tất cả mã javascript trong một trình xử lý domready.

Có sự thay thế được đề cập bởi những người khác rằng bạn trực tiếp đính kèm bộ xử lý tải khung lên bằng cách đặt nó vào html.

PHP không có bất kỳ ảnh hưởng nào tại đây.

Answer 7

Ruben-J là đúng, sử dụng onload trong iframe html, nó là dễ dàng hơn và như xa như tôi biết không thể được thực hiện với php, embeded javascript hay không

Answer 8

Gắn chức năng để các onLoad của DOM chính nó và không cho contentWindow của phần tử DOM.

<iframe id='my_id' name='my_id' src='http://www.php.com/'></iframe> 

<script> 
    document.getElementById('my_id').onload = function(){ 
    alert('content loaded'); 
    } 
</script>​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​ 

Do đó trong PHP

<?php 
echo <<< xyz 
<iframe id='my_id' name='my_id' src='http://www.php.com/'></iframe> 

    <script> 
     document.getElementById('my_id').onload = function(){ 
     alert('content loaded'); 
     } 
    </script> 
xyz; 

?> 

nào làm việc cho tôi.