object-param-url.html (1724B)
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 <link rel="help" href="https://github.com/whatwg/html/pull/7816"> 7 <link rel=match href="object-param-url-ref.html"> 8 9 <style> 10 div { 11 width:300px; 12 height:80px; 13 border:1px solid black; 14 margin: 5px; 15 overflow: hidden; 16 } 17 </style> 18 <body> 19 <script> 20 const smallPdf = 'JVBERi0xLjIgCjkgMCBvYmoKPDwKPj4Kc3RyZWFtCkJULyA5IFRmKFRlc3QpJyBFVAplbmRzdHJlYW0KZW5kb2JqCjQgMCBvYmoKPDwKL1R5cGUgL1BhZ2UKL1BhcmVudCA1IDAgUgovQ29udGVudHMgOSAwIFIKPj4KZW5kb2JqCjUgMCBvYmoKPDwKL0tpZHMgWzQgMCBSIF0KL0NvdW50IDEKL1R5cGUgL1BhZ2VzCi9NZWRpYUJveCBbIDAgMCA5OSA5IF0KPj4KZW5kb2JqCjMgMCBvYmoKPDwKL1BhZ2VzIDUgMCBSCi9UeXBlIC9DYXRhbG9nCj4+CmVuZG9iagp0cmFpbGVyCjw8Ci9Sb290IDMgMCBSCj4+CiUlRU9G'; 21 const dataUrl = `data:application/pdf;base64,${smallPdf}`; 22 23 function addOne(html) { 24 const wrapper = document.createElement('div'); 25 wrapper.innerHTML = html; 26 const objectElement = wrapper.querySelector('object'); 27 document.body.appendChild(wrapper); 28 } 29 30 // This should be one <object> that loads a PDF, and the rest that don't. 31 addOne(`<object data=${dataUrl}></object>`); 32 addOne(`<object><param name=src value=${dataUrl}></object>`); 33 addOne(`<object><param name=data value=${dataUrl}></object>`); 34 addOne(`<object><param name=code value=${dataUrl}></object>`); 35 addOne(`<object><param name=movie value=${dataUrl}></object>`); 36 addOne(`<object><param name=url value=${dataUrl}></object>`); 37 38 // Not a great way to tell when any <object> that might load has loaded. 39 setTimeout(() => document.documentElement.classList.remove("reftest-wait"),2000); 40 41 </script>