开发者社区> 老朱教授> 正文
阿里云
为了无法计算的价值
打开APP
阿里云APP内打开

WebBrowser执行和安装jQuery脚本(IEBrowse)

简介:
+关注继续查看

一文章说明了如何让 js 脚本访问 .NET 中的类, 这次希望给大家说明一下在任意页面中安装 jQuery 脚本, 并操作页面上的元素.

其实在第一篇关于 IEBrowser 的文章当中, 已经有了一段 jQuery 的示例, 但可能由于篇幅原因, 没有过多的解释, 所以决定单独写一篇来重新说明.

次准备的例子也是较为简单的, 实现了模拟用户搜索百度, 请大家看下面的代码:

复制代码
if ( string.IsNullOrEmpty ( this.txtKeyword.Text ) )
return;

IEBrowser ie = new IEBrowser ( this.webBrowser );

ie.Navigate ( "http://www.baidu.com/" );

ie.IEFlow.Wait ( new UrlCondition ( "wait", "http://www.baidu.com/", StringCompareMode.StartWith ) );

ie.InstallJQuery ( JQuery.CodeMin );

ie.ExecuteJQuery ( JQuery.Create ( "'#kw'" ).Val ( "'" + this.txtKeyword.Text.Trim ( ) + "'" ) );

ie.ExecuteJQuery ( JQuery.Create ( "'#su'" ).Click ( ) );

Console.WriteLine(ie.ExecuteJQuery<string>(JQuery.Create("'title'").Text()));
复制代码

这段有效代码不超过 10 行的代码段, 模拟了导航并等待百度页面, 之后模拟用户搜索、输出标题的功能,

在窗口上, 我们拥有一个名称为 webBrowser 的 WebBrowser 控件和一个名称为 txtKeyword 的TextBox 控件.

在代码开始时, 我们首先判断了用户输入的关键词是否为空, 如果为空则直接 return, 而关键词用于在百度中搜索.

之后, 我们使用了 IEBrowser 的 Navigate 和 IEFlow 的 Wait 方法来导航并等待载入百度页面.Wait 方法用于让程序等待某个条件成立后才继续向下执行, 而代码中我们指定的是一个UrlCondition, 也就是一个页面条件, StringCompareMode 设置为 StartWith 表示等待地址以"http://www.baidu.com/" 开始的页面载入.

当页面载入之后, 我们执行 IEBrowser 的 InstallJQuery 方法来为页面安装 jQuery 脚本. 而InstallJQuery 方法有两种形式, 一种可以载入字符串作为脚本, 另一种是传递一个 Uri 作为参数, Uri是一个网络的地址或者一个本地文件的地址, 在示例中, 我们使用的是第一种形式, 类 JQuery 的静态属性 CodeMin 返回了 jQuery 的压缩后的脚本.

面, 我们将两行重要的代码重新列出, 在代码中, 我们传递 JQuery 类作为参数给IEBrowser 的 ExecuteJQuery 方法, 以在 WebBrowser 的页面中执行 jQuery 脚本.

ie.ExecuteJQuery ( JQuery.Create ( "'#kw'" ).Val ( "'" + this.txtKeyword.Text.Trim ( ) + "'" ) );

ie.ExecuteJQuery ( JQuery.Create ( "'#su'" ).Click ( ) );

我们可以使用 JQuery 的静态方法 Create, 或者 new JQuery 来创建一个 JQuery 的实例. 第一行的JQuery 对象所对应的 jQuery 脚本为 $('#kw').val('<用户输入的关键词>');, 而第二行的 JQuery 对象对应了 $('#su').click();.

在这里, JQuery 类和实际的 js 脚本中的 jQuery 的用法几乎是相同的, 只不过 Create 表示 $, 而jQuery 的成员在 JQuery 类中都变成了大写, 但成员名称并无变化. JQuery 类用于在 .NET 中构建jQuery 脚本并作为参数传递给 IEBrowser 执行.

其实, 你也可以通过 IEBrowser 的 ExecuteScript 来直接执行 jQuery 脚本, 其效果也是完全一样的.

而这两句 jQuery 的含义, 表示将用户输入的关键词填入到页面的搜索框中, 然后点击搜索按钮, kw 和 su 分别是百度页面中的搜索框和搜索按钮的 id, '#kw' 则表示取 id 为 kw 的页面元素, 这些都是设计到 jQuery 本身的内容了, 大家可以参考 http://jquery.com .

码到这里也就讲完了, 需要看实际运行效果的话, 可以参照下面的演示.

IEBrowser 是开源共享的代码, 可以在 http://code.google.com/p/zsharedcode/wiki/Download 页面下载 dll 或者是源代码

备用下载链接:IEBrowser.2.5.0.Debug.NOPARAM.zip




本文转自黄聪博客园博客,原文链接:http://www.cnblogs.com/huangcong/p/5068354.html,如需转载请自行联系原作者

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

相关文章
10个精选的颜色选择器Javascript脚本及其jQuery插件
 Color picker即颜色选择器使我们在web开发中可能经常用到的组件,今天我们特意精选了10个超酷的颜色选择器实现,其中包括了javascript脚本 实现及其传说中的jQuery插件实现的颜色选择器,希望对大家工作和项目中有帮助。 jQuery插件类 1. Color Picker 2. Farbtasic 3. jQuery Colors Pickers HSL ja
668 0
实用技巧:使用 jQuery 异步加载 JavaScript 脚本
  JavaScript 加载器在 Web 开发中是非常强大和有用的工具。目前流行的几个加载器,像 curljs、LABjs 和 RequireJS 使用都很广泛。他们功能强大的,但有些情况下可以有更简单的方案。
726 0
使用jQuery加载script脚本
翻译人员: 铁锚 翻译日期: 2014年1月9日 原文日期: 2014年1月6日 原文链接: Loading Scripts with jQuery JavaScript loaders加载器简单强大而又非常有用。
631 0
10 个基于jQuery的表单增强脚本和插件
以下10个基于jQuery的脚本和插件可以有效地提高表单的可访问性和功能性,本文中的一些源码和演示也许能帮助你优化当前的表单,使访问者获得良好的用户体验。 1. Form Hints 1.0 使用这个插件,你可以为网站中的的任何一个表单控件添加描述文字,可以通过title属性来添加。
609 0
树标签的脚本从prototype迁移到jquery实战
花了一天的时间将树标签的脚本全部从prototype迁移到jquery,呵呵,痛并快乐着,总算改完了,体验了jquery的完美,也体验了jquery的非常怪异的地方,从茫然不知怎么循环遍历一个jquery集合到知道怎么搞,感觉jquery完全颠覆了传统的编写javascript的一些语法,...
437 0
分享一个基于jQuery的锁定表格行列的js脚本。
  网上也有很多锁定行列的方法,一个是使用css,另一个就是专门的控件附带有锁定的功能。css的大多数锁定行,而不能锁定列。好像看过园子里的司徒正美,写过一个用css锁定行列的,当时css比较烂看不懂,也没有保存那个网址(很后悔),现在想要找却又找不到了。
686 0
jQuery插件实现图片墙小案例
jQuery插件实现图片墙小案例
0 0
【jquery Ajax】接口的学习与Postcode插件的使用
【jquery Ajax】接口的学习与Postcode插件的使用
0 0
DateTimePicket jQuery 日期插件,开始时间和结束时间示例
DateTimePicket jQuery 日期插件,开始时间和结束时间示例
0 0
+关注
文章
问答
文章排行榜
最热
最新
相关电子书
更多
JavaScript函数
立即下载
低代码开发师(初级)实战教程
立即下载
阿里巴巴DevOps 最佳实践手册
立即下载