動的にインラインフレームのセキュリティー制限を変える

題名の通りです
インフレームをサンドボックス化をしたいです。

html
1<html>
2<head>
3<script type='text/javascript'>
4  function hoge(seigen){
5    /* 制限を変更する */
6  };
7</script>
8</head>
9<body>
10  <iframe id='if1' sandbox='allow-same-origin'></iframe>
11  <form name='f1'>
12    <input type='text' value='制限の種類を入力' name='t1' />
13  </form>
14  <button type='button' OnClick='hoge(f1.t1.value);'>制限の変更</button>
15</body>

CHERRY

2018/06/11 04:39

セキュリティー制限とは、具体的に何でしょうか？

kobotyann

2018/06/11 04:55

インフレームのサンドボックス化のことです。言葉足らずですいません...

_lemon2003_

2018/08/23 05:37

function hoge(seigen) のseigenとは、制限するトークンの種類ということでよろしいでしょうか？

行動規範の内容に同意します

回答1件

ベストアンサー

iframe に空の sandbox 属性を追加すると、インラインフレームに最大限の制限をかけることができます。

そして、そこにトークンを追加すると(スペース区切り)制限を解除(許可する)

https://developer.mozilla.org/ja/docs/Web/HTML/Element/iframe#Attributes こちらの属性:sandbox をご覧ください。

つまり、すべてのトークンを削除すれば、最大限sandbox化できます。

javascript
1function hoge(){
2  let iframe = document.getElementById("if1");
3
4  iframe.attributes.sandbox = "";
5}

また、最大限の制限から自分で指定して解除したければ

javascript
1function hoge(seigen){
2  seigen === undefined || ! seigen instanceof Array ? return false : 0;
3
4  let iframe = document.getElementById("if1");
5  let value  = seigen.join(seigen, " ");
6
7  iframe.attributes.sandbox = value;  
8};