object-param-url-ref.html (1439B)
1 <!DOCTYPE HTML> 2 <html class="reftest-wait"> 3 <meta charset="utf-8"> 4 <title>object element containing param element specifying a URL</title> 5 <link rel="author" href="mailto:masonf@chromium.org"> 6 7 <style> 8 div { 9 width:300px; 10 height:80px; 11 border:1px solid black; 12 margin: 5px; 13 overflow: hidden; 14 } 15 </style> 16 <body> 17 <script> 18 const smallPdf = 'JVBERi0xLjIgCjkgMCBvYmoKPDwKPj4Kc3RyZWFtCkJULyA5IFRmKFRlc3QpJyBFVAplbmRzdHJlYW0KZW5kb2JqCjQgMCBvYmoKPDwKL1R5cGUgL1BhZ2UKL1BhcmVudCA1IDAgUgovQ29udGVudHMgOSAwIFIKPj4KZW5kb2JqCjUgMCBvYmoKPDwKL0tpZHMgWzQgMCBSIF0KL0NvdW50IDEKL1R5cGUgL1BhZ2VzCi9NZWRpYUJveCBbIDAgMCA5OSA5IF0KPj4KZW5kb2JqCjMgMCBvYmoKPDwKL1BhZ2VzIDUgMCBSCi9UeXBlIC9DYXRhbG9nCj4+CmVuZG9iagp0cmFpbGVyCjw8Ci9Sb290IDMgMCBSCj4+CiUlRU9G'; 19 const dataUrl = `data:application/pdf;base64,${smallPdf}`; 20 21 function addOne(html) { 22 const wrapper = document.createElement('div'); 23 wrapper.innerHTML = html; 24 const objectElement = wrapper.querySelector('object'); 25 document.body.appendChild(wrapper); 26 } 27 28 // This should be one <object> that loads a PDF, and the rest that don't. 29 addOne(`<object data=${dataUrl}></object>`); 30 addOne(`<object></object>`); 31 addOne(`<object></object>`); 32 addOne(`<object></object>`); 33 addOne(`<object></object>`); 34 addOne(`<object></object>`); 35 36 // Not a great way to tell when any <object> that might load has loaded. 37 setTimeout(() => document.documentElement.classList.remove("reftest-wait"),2000); 38 39 </script>