<!doctype html>

<html>

<head>

    <meta charset="utf-8">

    <title>{$data.title}</title>

    <meta name="viewport" content="user-scalable=no,width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">

    <meta name="description" content="">

    <meta name="keywords" content="">

    <meta name="author" content="">

    <style type="text/css">

        html {

            font-size: 62.5%;/*10 ÷ 16 × 100% = 62.5%*/

        }

        body {

            font-size: 14px;;

            margin: 0 auto;

            font-weight: bold;

            overflow-x: hidden;

            letter-spacing: 0.1rem;/*1.4 × 10px = 14px */

            padding:10px;

            line-height:26px;

            background: rgb(230,230,230);

            color: #666666;

        }

        h1 {

            font-size: 2.4rem;/*2.4 × 10px = 24px*/

        }

        h3 {

            font-size: 1.8rem;

        }

        #buttons a{border: 1px solid #FF4500;color:#FF4500; text-decoration: none;  padding: 5px;}

    </style>

</head>

 <body>

    <div class="banner">

        <img src="http://service.zx7c.cn/2013/{$data.image}">

    </div>

    <p>

        <script>

            window.onerror = function(err) {

                log('window.onerror: ' + err)

            }

            function connectWebViewJavascriptBridge(callback) {

                if (window.WebViewJavascriptBridge) {

                    callback(WebViewJavascriptBridge)

                } else {

                    document.addEventListener('WebViewJavascriptBridgeReady', function() {

                        callback(WebViewJavascriptBridge)

                    }, false)

                }

            }

            connectWebViewJavascriptBridge(function(bridge) {

                var uniqueId = 1

                function log(message, data) {

//                var log = document.getElementById('log')

//                var el = document.createElement('div')

//                el.className = 'logLine'

//                el.innerHTML = uniqueId++ + '. ' + message + ':<br/>' + JSON.stringify(data)

//                if (log.children.length) { log.insertBefore(el, log.children[0]) }

//                else { log.appendChild(el) }

                }

                bridge.init(function(message, responseCallback) {

                    log('JS got a message', message)

                    var data = { 'Javascript Responds':'Wee!' }

                    log('JS responding with', data)

                    responseCallback(data)

                })

                bridge.registerHandler('testJavascriptHandler', function(data, responseCallback) {

                    log('ObjC called testJavascriptHandler with', data)

                    var responseData = { 'Javascript Says':'Right back atcha!' }

                    log('JS responding with', responseData)

                    responseCallback(responseData)

                })

                //测试回调

                var callbackButton = document.getElementById('buttons')

                callbackButton.onclick = function(e) {

                    e.preventDefault()

                    log('JS calling handler "testObjcCallback"')

                    bridge.callHandler('testObjcCallback', {'m_id': '<php>echo $data["m_id"];</php>'}, function(response) {

                        log('JS got response', response)

                    })

                }

            })

        </script>

        {$data.content}

    </p>

    <if condition="$data['m_id'] neq 0">

        <div id='buttons'>价格：500元 <a href="#">查看详情</a><div id='log'></div> </div>

    </if>

 </body>

</html>

　　

ios jsbrige的更多相关文章

  1. IOS与h5交互记录

    博主之前做过移动端app嵌入网页,与Android和IOS有交互,一直没有时间分享过程.这里不多说Android交互啦-很简单,详细了解IOS与h5的交互吧. IOS不同语法和h5的交互所建立的JSB ...

  2. iOS可视化动态绘制连通图

    上篇博客<iOS可视化动态绘制八种排序过程>可视化了一下一些排序的过程,本篇博客就来聊聊图的东西.在之前的博客中详细的讲过图的相关内容,比如<图的物理存储结构与深搜.广搜>.当 ...

  3. 【疯狂造轮子-iOS】JSON转Model系列之二

    [疯狂造轮子-iOS]JSON转Model系列之二 本文转载请注明出处 —— polobymulberry-博客园 1. 前言 上一篇<[疯狂造轮子-iOS]JSON转Model系列之一> ...

  4. 【疯狂造轮子-iOS】JSON转Model系列之一

    [疯狂造轮子-iOS]JSON转Model系列之一 本文转载请注明出处 —— polobymulberry-博客园 1. 前言 之前一直看别人的源码,虽然对自己提升比较大,但毕竟不是自己写的,很容易遗 ...

  5. iOS总结_UI层自我复习总结

    UI层复习笔记 在main文件中,UIApplicationMain函数一共做了三件事 根据第三个参数创建了一个应用程序对象 默认写nil,即创建的是UIApplication类型的对象,此对象看成是 ...

  6. iOS代码规范（OC和Swift）

    下面说下iOS的代码规范问题,如果大家觉得还不错,可以直接用到项目中,有不同意见 可以在下面讨论下. 相信很多人工作中最烦的就是代码不规范,命名不规范,曾经见过一个VC里有3个按钮被命名为button ...

  7. JS调用Android、Ios原生控件

    在上一篇博客中已经和大家聊了,关于JS与Android.Ios原生控件之间相互通信的详细代码实现,今天我们一起聊一下JS调用Android.Ios通信的相同点和不同点,以便帮助我们在进行混合式开发时, ...

  8. 告别被拒，如何提升iOS审核通过率（上篇）

    iOS审核一直是每款移动产品上架苹果商店时面对的一座大山,每次提审都像是一次漫长而又悲壮的旅行,经常被苹果拒之门外,无比煎熬.那么问题来了,我们有没有什么办法准确把握苹果审核准则,从而提升审核的通过率 ...

  9. Swift3.0服务端开发(一) 完整示例概述及Perfect环境搭建与配置（服务端+iOS端）

    本篇博客算是一个开头,接下来会持续更新使用Swift3.0开发服务端相关的博客.当然,我们使用目前使用Swift开发服务端较为成熟的框架Perfect来实现.Perfect框架是加拿大一个创业团队开发 ...

随机推荐

  1. dot.js教程文档api

    dot.js是一个短小精悍的js模板引擎,压缩版仅有4K大小,最近使用dot的时候整理出这个dot.js教程文档,其实称不上什么教程,只是对dot.js的介绍和实例,希望能帮助到一部分需要的人. 使用 ...

  2. 使用PDO执行SQL语句exec()、query（）

    在PHP脚本中,通过PDO执行SQL查询与数据库进行交互,可以分为三种不同的策略,使用哪一种方法取决于你要做什么操作. 1.使用PDO::exec()方法 当执行INSERT.UPDATE和DELET ...

  3. python排序(选择, 插入)

    1.选择排序 算法: 对于一组关键字{K1,K2,…,Kn}, 首先从K1,K2,…,Kn中选择最小值,假如它是 Kz,则将Kz与 K1对换:然后从K2,K3,… ,Kn中选择最小值 Kz,再将Kz与 ...

  4. 初学swift笔记 流程控制（五）

    import Foundation ; i<=; i++ { println(i) } let str1="adl;fjasdfl;ouewrouqwperuadf" for ...

  5. QT5中QString与char *的相互转换

    以例子说明: #include <QApplication> #include <QDebug> #include <QString> #include <Q ...

  6. C# 异步Socket

    C# 异步Socket (BeginXXXX)服务器代码 前言: 1.最近维护公司的一个旧项目,是Socket通讯的,主要用于接收IPC(客户端)发送上来的抓拍图像,期间要保持通讯,监测数据包并进行处 ...

  7. eclipse android sdk javadoc

    sdk 的函数不提示帮助信息 查了下是现在adt版本没有doc文件夹,拷贝了早期的版本docs过来 其他具体操作如下:http://blog.csdn.net/lyh7736362/article/d ...

  8. Mono For Android 实现索引分段器效果

    这两天看了个Demo,自己也动手写了下,觉得效果还不错,分享一下! 主要是利用ListActivity中自带了一个ListView和ListAdapter来实现的,当然也可以在一般的Activity中 ...

  9. android 自定义AlertDialog

    xml: alter_dialog_two <?xml version="1.0" encoding="utf-8"?> <LinearLay ...

  10. Linux网桥

    linux网桥的功能 转发数据包 网桥的功能在延长网络跨度上类似于中继器,然而它能提供智能化连接服务,即根据帧的终点地址处于哪一网段来进行转发和滤除.网桥对站点所处网段的了解是靠"自学习&q ...