iframeObject.sandboxは、インラインフレームのsandbox属性の値を取得するプロパティ。
構文
取得
var $sandbox = $iframeElementReference.sandbox;
戻り値
インラインフレームのsandbox属性の値。
サンプル
インラインフレームのsandbox属性の値：
サンプルの動作について
「取得」ボタンをクリックすると、「インラインフレームのsandbox属性の値：」の右横に「allow-top-navigation」と表示する。
サンプルのソースコード
JavaScript
<script type="text/javascript">
function getSandbox() {
var $elementReference = document.getElementById( "sample" );
var $sandbox = $elementReference.sandbox;
document.getElementById( "sampleOutput" ).innerHTML = $sandbox;
}
</script>
function getSandbox() {
var $elementReference = document.getElementById( "sample" );
var $sandbox = $elementReference.sandbox;
document.getElementById( "sampleOutput" ).innerHTML = $sandbox;
}
</script>
HTML
<p>
<button onclick="getSandbox()">取得</button>
</p>
<p>インラインフレームのsandbox属性の値：<span id="sampleOutput"></span></p>
<iframe id="sample" src="http://alphasis.info/wp-content/uploads/2014/02/sampleIFrame-sandbox.html" width="400px" height="120px" sandbox="allow-top-navigation">
<p>お使いのブラウザはiframeに対応していません。</p>
</iframe>
<button onclick="getSandbox()">取得</button>
</p>
<p>インラインフレームのsandbox属性の値：<span id="sampleOutput"></span></p>
<iframe id="sample" src="http://alphasis.info/wp-content/uploads/2014/02/sampleIFrame-sandbox.html" width="400px" height="120px" sandbox="allow-top-navigation">
<p>お使いのブラウザはiframeに対応していません。</p>
</iframe>