Delphi XE6调用javascript

时间:2022-03-25 22:25:37

原文地址:Example of using JavaScript for Google maps in the Delphi XE6

 
XE6的TWebBrowser新增了EvaluateJavaScript方法,这个方法,允许我们与TWebBrowser已经加载的的网页进行交互。这太方便了!作者用一个具体的实例,演示如何调用Google map的API。
 
首先,建立一个网页:
 
const
{ Was used sample from }
{ https://developers.google.com/maps/documentation/javascript/examples/directions-panel }
cRoute =
''
+ ''
+ '  '
+ '    '
+ '    '
+ '    setPanel()'
+ '    '
+ '    '
+ '    
+ '    
+ '  '
+ '  '
+ '
'
+ '      Start:'
+ '       
Chicago
 
St Louis
 
Joplin, MO
 
Oklahoma City
 
Amarillo
 
Gallup, NM
 
Flagstaff, AZ
 
Winona
 
Kingman
 
Barstow
 
San Bernardino
 
Los Angeles
 '
+ '      End:'
+ '       
Chicago
 
St Louis
 
Joplin, MO
 
Oklahoma City
 
Amarillo
 
Gallup, NM
 
Flagstaff, AZ
 
Winona
 
Kingman
 
Barstow
 
San Bernardino
 
Los Angeles
 '
+ '    

'

+ '
 

'

+ '
 

'

+ '  '
+ '';
 
然后,用一个TWebBrowser调入:
WebBrowser1.LoadFromStrings(cRoute, '');
再声明两个常量:

cChicagoWinona =
    'document.getElementByIdx_x(''start'').value = "chicago, il";'
  + 'document.getElementByIdx_x(''end'').value = "winona, az";'
  + 'calcRoute();';
cStLouisGallupNM =
    'document.getElementByIdx_x(''start'').value = "st louis, mo";'
  + 'document.getElementByIdx_x(''end'').value = "gallup, nm";'
  + 'calcRoute();';
用两个按钮调用:
procedure TForm1.Button1Click(Sender: TObject);
begin 
 WebBrowser1.EvaluateJavaScript(cChicagoWinona); 
end; 
http://blog.sina.com.cn/s/blog_44fa172f0101rhfz.html

Delphi XE6调用javascript的更多相关文章

  1. Delphi XE6 通过JavaScript API调用百度地图

    参考昨天的内容,有朋友还是问如何调用百度地图,也是,谁让咱都在国内呢,没办法,你懂的. 首先去申请个Key,然后看一下百度JavaScript的第一个例子:http://developer.baidu ...

  2. delphi xe6 调用java GPS的方法

    如果用xe6自带的LocationSensor控件,默认优先使用网络位置,网络位置定位精度不准确,不能满足高精度定位的要求.但xe6自带的LocationSensor控件不能指定网络定位优先还是GPS ...

  3. Delphi XE6 试用Android视频采集

    FMX支持视频采集,具体见FMX.Media,提供了很类支持音频.视频的处理. 按帮助文档,用Note3做了测试,结果,效率太低,不可用. 具体可查询帮助Video Capturing一节,我就是按这 ...

  4. delphi ScriptGate 调用JS

    在 FireMonkey 使用 TWebBrowser 调用 Javascript函数并获取返回值以及 JavaScript 中调 Delphi 的函数/过程,普遍都在使用老掉牙的URL重定的方法,还 ...

  5. 在<a></a>标签中调用javascript脚本

    有时候,我们点击了<a></a>标签(除了跳转到指定链接外)想要它调用某个方法,及调用javascript脚本,该如何做: 方法1:<a href="javas ...

  6. 在HTML标签&lt&semi;a&sol;&gt&semi;中调用javascript代码

    <a/>标签的“href”属性可以是一个有效的URL,表示跳转的目的地,除此之外,href还可以是一段javascript代码.当为“href”设置javascript代码时,格式如下:& ...

  7. cordova混合开发:Android中native调用javascript

    今天学习怎么在java中调用javascript方法,做个记录: 第一种方式,这个最简单: loadUrl("javascript:func1()"); 要注意要在devicere ...

  8. asp&period;net中调用javascript自定义函数的方法(包括引入JavaScript文件)总结

    通常javascript代码可以与HTML标签一起直接放在前 端页面中,但如果JS代码多的话一方面不利于维护,另一方面也对搜索引擎不友好,因为页面因此而变得臃肿:所以一般有良好开发习惯的程序员都会把 ...

  9. 2年后的Delphi XE6

    1.有幸下载到Delphi XE6,下载地址如下: http://altd.embarcadero.com/download/radstudio/xe6/delphicbuilder_xe6_win. ...

随机推荐

  1. mysql event&lowbar;scheduler运行一段时间后 自动关闭

    应该是你重启过电脑或重启过服务了.  SELECT * FROM mysql.event;SET GLOBAL event_scheduler = 1; -- 开启定时器 0:off 1:on SHO ...

  2. Java GUI编程-(项目代码&lowbar;扫雷&lowbar;弹钢琴)

    --扫雷 package com;import java.awt.*;import java.awt.event.ActionEvent;import java.awt.event.ActionLis ...

  3. 出现( linker command failed with exit code 1)错误总结

    这种问题,通常出现在添加第三方库文件或者多人开发时. 这种问题一般是找不到文件而导致的链接错误. 我们可以从如下几个方面着手排查. 1.以如下错误为例,如果是多人开发,你同步完成后发现出现如下的错误. ...

  4. mysql tcp 4层负载

    -bash-4.1# cat /etc/haproxy/haproxy.cfg global log 127.0.0.1 local3 maxconn 65535 chroot /usr/local/ ...

  5. &lpar;一&rpar;基于阿里云的MQTT远程控制&lpar;Android 连接MQTT服务器&comma;ESP8266连接MQTT服务器实现远程通信控制----简单的连接通信&rpar;

    如果不了解MQTT的可以看这篇文章  http://www.cnblogs.com/yangfengwu/p/7764667.html http://www.cnblogs.com/yangfengw ...

  6. oracle数据库和表的操作

    一.字符函数 (1)连接符 concat --连接符 select concat('10086','-')||'1531234567' 电话号 from dual; (2)首字母大写 initcap ...

  7. Spark---架构原理

    Spark核心组件 1.Driver 我们编写的Spark程序就在Driver上 Spark集群节点之一,就是你提交的Spark程序的机器 2.Master Master是个进程 Master其实主要 ...

  8. MVC文件的上传、删除

    public ActionResult FileUpload()        {            Users users = new Users();            users = ( ...

  9. Pyhon学习笔记-基础3

    文件操作 1.基本操作 f = open("filename","r",encoding="utf-8") #打开文件,以r模式,字符编码模 ...

  10. yii2 用 bootstrap 给元素添加背景色

    使用 bootstrap 给元素添加背景色 1.bootstrap 官网:http://getbootstrap.com/ 2.bootstrap 中文官网:http://v3.bootcss.com ...