greasemonkey基础教程及如何自动提交按钮和表单

本教程主要介绍以下知识：

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();