<!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. mysql表结构设计

    允许NULL值的字段,数据库在进行比较操作时,会先判断其是否为NULL,非NULL时才进行值的必对.因此基于效率的考虑,所有字段均不能为空,即全部NOT NULL: 对于变长表,由于记录大小不同,在其 ...

  2. Android 技巧记录

    1.取消EditText自动获取焦点 在项目中,一进入一个页面, EditText默认就会自动获取焦点,弹出输入法界面,很不友好.那么如何取消这个默认行为呢? 解决之道:在EditText的父级控件中 ...

  3. MacBook USB Type-C接口很美？其实是缩水的！

    苹果终于推出了12寸的全新MacBook,拥有2304×1440的高分辨率.蝶式结构全尺寸键盘.新的触摸板.14nm Core M处理器和无风扇设计,以及新的USB 3.1 Type-C接口.可以预料 ...

  4. 可爱的 Python : Python中函数式编程，第一部分

    英文原文:Charming Python: Functional programming in Python, Part 1 摘要:虽然人们总把Python当作过程化的,面向对象的语言,但是他实际上包 ...

  5. Ubuntu下QT控制台程序无法运行的解决方案以及XTerm的配置方法

    Ubuntu下QT控制台程序无法运行的解决方案以及XTerm的配置方法 最近由于老师要求要在Ubuntu下QT上进程多线程服务器的开发,虽然只是单纯的调用qt的network模块,但是为了避免麻烦,我 ...

  6. C语言的本质（2）——二进制、八进制、十六进制与十进制

    二进制是计算技术中广泛采用的一种数制.二进制数据是用0和1两个数码来表示的数.它的基数为2,进位规则是"逢二进一",借位规则是"借一当二",由18世纪德国数理哲 ...

  7. ecshop去掉head文件中ECSHOP v2.7.3标记的方法

    去掉ecshop中<meta name="Generator" content="ECSHOP v2.7.3" />的方法:打开includes/c ...

  8. aix 在线软件包安装 字符集 mysql安装

    http://www.oss4aix.org/download/rpmdb/deplists/ Aix6.1 安装mysql别的我就不扯了,自从Oracle收购sun后 Mysql在Aix Parch ...

  9. Android消息推送之GCM方式（二）

    <声明> 转载请保留本来源地址: http://blog.csdn.net/wzg_1987/article/details/9148023 上一节讲了GCM方式实现前的一些必要准备工作, ...

  10. cocos2D（九）---- CCAction

    之前介绍CCNode的时候说过,动作是指在特定时间内完毕移动.缩放.旋转等操作的行为,节点能够通过执行动作来实现动画效果,这里的动作就是指CCAction对象,它有非常多的子类,每一个子类都封装了不同 ...