回答編集履歴

1

追記しました。

2017/09/18 03:57

投稿

namnium1125
namnium1125

スコア2043

test CHANGED
@@ -85,3 +85,57 @@
85
85
  safariでの表示
86
86
 
87
87
  ![スクリーンショット](744ef768d0d8d85a00a579dbeb434166.jpeg)
88
+
89
+
90
+
91
+ ##追記
92
+
93
+ 質問者様がおっしゃったようなwikipediaを表示させるものはこんな感じでしょうか?参考程度にどうぞ
94
+
95
+
96
+
97
+ ```lang-html
98
+
99
+ <!doctype html>
100
+
101
+ <html>
102
+
103
+ <head>
104
+
105
+ <meta charset="utf-8">
106
+
107
+ <title>wikipedia in iframe</title>
108
+
109
+ </head>
110
+
111
+ <script>
112
+
113
+ window.addEventListener("load",function(){
114
+
115
+ document.getElementById("searchButton").addEventListener("click",function(){
116
+
117
+ var url = "https://ja.wikipedia.org/wiki/" + document.getElementById("searchWord").value;
118
+
119
+ document.getElementById("iF").src = url;
120
+
121
+ },false);
122
+
123
+ },false);
124
+
125
+ </script>
126
+
127
+ <body>
128
+
129
+ <input type="text" id="searchWord" placeholder="検索ワード"></input> <button id="searchButton">wiki検索</button>
130
+
131
+ <br />
132
+
133
+ <br />
134
+
135
+ <iframe id="iF" src="https://ja.wikipedia.org/wiki/" width="100%" height="1000px">iframeに対応していません。</iframe>
136
+
137
+ </body>
138
+
139
+ </html>
140
+
141
+ ```