<!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. 一.ubuntu14.04安装、亮度设置、显卡设置等一体化讲解

    一.ubuntu14.04安装 安装步骤很简单的,相信你只要知道并且决定安装ubuntu,你就不会在安装上有问题,下载网址 http://www.ithome.com/html/soft/81539. ...

  2. jquery实现div垂直居中

    <html> <head> <meta charset="UTF-8"> <title></title> <scr ...

  3. Flink Program Guide （3） -- Event Time （DataStream API编程指导 -- For Java）

    Event Time 本文翻译自DataStream API Docs v1.2的Event Time ------------------------------------------------ ...

  4. 《Android底层接口与驱动开发技术详解》digest

    第一章:IDE:Eclipse ADT for java developer其它: Apache Ant Java SE Development Kit5或6 Linux和Mac上使用Apache A ...

  5. click through rate prediction

    包括内容如下图: 使用直接估计法,置信区间置信率的估计: 1.使用二项分布直接估计 $p(0.04<\hat{p}<0.06) = \sum_{0.04n\leq k \leq 0.06n ...

  6. XCode 7上传遇到ERROR ITMS-90535 Unexpected CFBundleExecutable Key. 的解决办法（转）

    原文:http://blog.csdn.net/wxs0124/article/details/48706685 找到腾讯的info.plist 删除箭头指向的一行 重新打包,上传. (注明,不一定是 ...

  7. iOS多线程编程指南（一）关于多线程编程（转）

    原文:http://www.dreamingwish.com/article/ios-multi-threaded-programming-a-multi-threaded-programming.h ...

  8. 使用VNC完毕远程调用图形化

    原创作品,出自 "深蓝的blog" 博客,欢迎转载,转载时请务必注明下面出处.否则追究版权法律责任. 深蓝的blog:http://blog.csdn.net/huangyanlo ...

  9. JavaScript 工作必知(九）function 说起 闭包问题

    大纲 Function Caller 返回函数调用者 Callee 调用自身 作用域 闭包 function 函数格式 function getPrototyNames(o,/*optional*/ ...

  10. leetcode Combination Sum python

    Given a set of candidate numbers (C) and a target number (T), find all unique combinations in C wher ...