本教程主要介绍以下知识:
1. javascript如何获取DOM元素。
2. javascript如何改变DOM元素。
3. greasemonkey自动提交表单和按钮。
问题描述, 想要改变网页上的文本框的内容, 并且自动提交。
解决思路, firefox8 + greasemonkey, greasemonkey通过自己写javascript脚本,
从而生成自己想要的网页。
首先, 要了解greasemonkey是什么东西, 看这个吧http://www.firefox.net.cn/dig/toc/。
1. 要想改变网页里的元素, 必须先获取该元素, 怎么获取, 教程在这http://blog.csdn.net/mydeman/article/details/2078107。
2. 获取到元素之后, 要改变元素的内容, 也很简单, 如果要改变 textarea 标签的内容,
var text = document.getElementById("account"); //得到元素, account为元素id
text.value = "hello world"; //改变元素内容
3. 自动提交按钮
var button = document.getElementById("submit"); //获取想要提交的按钮
button.click(); //提交
杂项:
怎样快速从页面找到要修改元素的 id 和 name, 用firebug这个插件吧。
我自己写的自动登录163邮箱的代码
// ==UserScript==
// @name mail163click
// @namespace justtest1
// @include http://mail.163.com/
// ==/UserScript==
//get elements
var autoClick = document.getElementById("loginBtn");
var account = document.getElementById("idInput");
var passwd = document.getElementById("pwdInput");
//change elements
account.value = "yourAccount";
passwd.value = "yourPasswd";
autoClick.click();