2016-09-24 7 views
0

私は、ページ内のフォームの値を変更するためにURL経由でjavascriptコードを実行しようとしています。 ここにHTMLページの内容があります。URLを介してページにJavaScriptを注入する

javascript:document.getElementById('name').value = 'string1'; 

私の全体のページが空白になりますであり、唯一の値「文字列1」のページに表示されます何が起こる:

<html> 
<body> 
<form method='post'> 
Name: <input type='text' id='name' value='' /><br /> 
Family: <input type='text' id='family' value='' /><br /> 
Email: <input type='text' id='email' value='' /><br /> 
<input type='submit' value='Submit' /><br /> 
</form> 
</body> 
</html> 

は今、私はクロームのURL]セクションに次の値を入力します。 。 は、しかし、次のコードを実行すると、正常に動作します:

javascript:document.getElementById('name').value = 1; 

それは私がこの問題を引き起こしているものを思ったんだけど1 に名前フィールドの値を変更します。

注:この作業の目的は、アンドロイドのwebviewにコードを注入することです。

アドバイスありがとうございます。

+0

は、クロムのjsfiddleでうまくいきます。https://jsfiddle.net/kscqdsw0/ –

+0

Firefox、Chrome、android webviewでは、同じ問題があります。 –

+0

文書の準備が整うのを待っていますか?そのエラーがそこにあると思うからです。 –

答えて

-1

あなたは属性値

value='' 

後に単一引用符を使用していて、それはとてもHTMLは

<input type='text' id='name' value=''string1'' 

あなたがなり

​​

を使用してJavaScriptで値の変化するためであります

を使用して修正できます
value="" 

または

document.getElementById('name').value="string1"; 
+0

それは問題を解決しませんでした。htmlを二重引用符または二重引用符に変更したり、二重引用符を使用するように変更したりしたが、三つとも失敗して問題を解決できなかった。 –

-1

を使用しても、私は次のコード

<html> 
<body> 
<form method='post'> 
Name: <input type='text' id='name' value='' /><br /> 
Family: <input type='text' id='family' value='' /><br /> 
Email: <input type='text' id='email' value='' /><br /> 
<input type='submit' value='Submit' /><br /> 
</form> 
<button onclick="change()">Click me</button> 
<script> 
function change(){ 
var obj=document.getElementById('name'); 
obj.value="string1"; 

} 
</script> 
</body> 
</html> 

を試してみましたが、それは問題があなたのスクリプトで あるだけで正常に動作しますが値を変更する機能を作成したか、単にんこのようなスクリプトタグにコードを挿入しました。

<script>document.getElementById('name').value="String1";<script> 
0

これを試してください。

javascript:document.getElementById('name').value = 'string1'; undefined; 

「未定義」;文字列を返す任意のスクリプト。

関連する問題