如何在自定义指令中获取 ng-model 值 [英] How to get ng-model value inside custom directive

查看：39 发布时间：2021/11/9 22:47:08 angularjs angularjs-directive

本文介绍了如何在自定义指令中获取 ng-model 值的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！

问题描述

我已经在这里搜索了 SO 并尝试了我找到的答案，但我似乎无法从我的自定义指令的 ngModel 中获取模型值.

这是指令

/**用法:<markdown ng:model="someModel.content"></markdown>*/呼吸室.指令('降价'，函数(){var nextId = 0;返回 {要求:'ngModel'，替换:真的，限制:'E'，模板:'<div class="pagedown-bootstrap-editor"></div>',链接:功能(范围，元素，属性，ngModel){var editorUniqueId = nextId++;element.html($('' +'<div class="wmd-panel">'+'<div id="wmd-button-bar-' + editorUniqueId + '"></div>'+'<textarea class="wmd-input" id="wmd-input-' + editorUniqueId + '">{{modelValue()}}' +'</textarea>'+'</div>'+'<div id="wmd-preview-' + editorUniqueId + '" class="wmd-panel wmd-preview"></div>'+'</div>'));var 转换器 = new Markdown.Converter();var 帮助 = 函数 () {//2DO: 添加漂亮的模态对话框alert("需要帮助吗?");};var editor = new Markdown.Editor(converter, "-" + editorUniqueId, {处理程序:帮助});editor.run();//本地 ->父范围更改(模型)jQuery("#wmd-input-" + editorUniqueId).on('change', function () {var rawContent = $(this).val();ngModel.$setViewValue(rawContent);范围.$应用()；});//父作用域 ->局部变化scope.modelValue = 函数 () {console.log('modelvalue - ', ngModel.$viewValue);返回 ngModel.$viewValue;};}};});

这里是 HTML

<markdown ng-class="{error: (moduleForm.Description.$dirty && moduleForm.Description.$invalid) || (moduleForm.Description.$invalid && 提交)}"id="说明"名称=说明"占位符=说明"ng-model="module.description"需要</markdown>

这里的问题是输出很简单

{{modelValue()}}

<小时>

我也尝试创建一个私有方法

function getModelValue() {console.log(ngModel.$viewValue);返回 ngModel.$viewValue;}

然后将一个模板行改为

''+ getModelValue() +</code></pre><p>但是输出是</p><pre><code>NaN</code></pre><p>我哪里出错了?</p><小时><p>如果重要，这是我的脚本的顺序(不包括供应商脚本)</p><pre><code><script src="app.js"></script><script src="directives/backButtonDirective.js"></script><script src="directives/bootstrapSwitchDirective.js"></script><script src="directives/markdownDirective.js"></script><script src="directives/trackActiveDirective.js"></script><script src="services/alertService.js"></script><script src="services/roleService.js"></script><script src="services/moduleService.js"></script><script src="services/changePasswordService.js"></script><script src="services/userService.js"></script><script src="controllers/usersController.js"></script><script src="controllers/userController.js"></script><script src="controllers/moduleController.js"></script><script src="controllers/modulesController.js"></script></code></pre><p></p><div class="h2_lin"> 解决方案 </div><p>您插入的 HTML 没有得到编译.最简单的方法是将其移动到您的模板中，或者使用 ng-transclude 进行调查.这是将其移入模板的示例.</p><p><a href="http://plnkr.co/edit/cidTZLY9GpESMvCcHKBU?p=preview" rel="nofollow noreferrer">plunker</a></p><pre><code>breathingRoom.directive('markdown', function () {var nextId = 0;返回 {要求:'ngModel'，替换:真的，限制:'E'，模板:'<div class="pagedown-bootstrap-editor"><div class="wmd-panel">'+'<div id="wmd-button-bar-{{editorUniqueId}}"></div>'+'<textarea class="wmd-input" id="wmd-input-{{editorUniqueId}}">{{modelValue()}}' +'</textarea>'+'</div>'+'<div id="wmd-preview-{{editorUniqueId}}" class="wmd-panel wmd-preview"></div>'+'</div></div>',链接:功能(范围，元素，属性，ngModel){scope.editorUniqueId = nextId++;//父作用域 ->局部变化scope.modelValue = 函数 () {console.log('modelvalue - ' + ngModel.$viewValue);返回 ngModel.$viewValue;};}};});</code></pre><p><p>I've searched here on SO and tried the answers I found, but I can't seem to get the model value out of the ngModel of my custom directive.</p>

<p></p>

<p>Here's the directive</p><pre class="lang-js prettyprint-override"><code>/*
 *usage: <markdown ng:model="someModel.content"></markdown>
 */
breathingRoom.directive('markdown', function () {
    var nextId = 0;
    return {
        require: 'ngModel',
        replace: true,
        restrict: 'E',
        template: '<div class="pagedown-bootstrap-editor"></div>',
        link:function (scope, element, attrs, ngModel) {

            var editorUniqueId = nextId++;
            element.html($('<div>' +
                '<div class="wmd-panel">' +
                '<div id="wmd-button-bar-' + editorUniqueId + '"></div>' +
                '<textarea class="wmd-input" id="wmd-input-' + editorUniqueId + '">{{modelValue()}}' +
                '</textarea>' +
                '</div>' +
                '<div id="wmd-preview-' + editorUniqueId + '" class="wmd-panel wmd-preview"></div>' +
                '</div>'));

            var converter = new Markdown.Converter();

            var help = function () {
                // 2DO: add nice modal dialog
                alert("Do you need help?");
            };

            var editor = new Markdown.Editor(converter, "-" + editorUniqueId, {
                handler: help
            });

            editor.run();


            // local -> parent scope change (model)
            jQuery("#wmd-input-" + editorUniqueId).on('change', function () {
                var rawContent = $(this).val();
                ngModel.$setViewValue(rawContent);
                scope.$apply();
            });

            // parent scope -> local change
            scope.modelValue = function () {
                console.log('modelvalue - ', ngModel.$viewValue);
                return ngModel.$viewValue;
            };
        }
    };
});
</code></pre><p>And here's the HTML</p>

<p></p><pre><code><markdown ng-class="{error: (moduleForm.Description.$dirty && moduleForm.Description.$invalid) || (moduleForm.Description.$invalid && submitted)}"
          id="Description" 
          name="Description" 
          placeholder="Description" 
          ng-model="module.description" 
          required></markdown>   
</code></pre><p>The problem here is that the output is simply</p><pre><code>{{modelValue()}}
</code></pre><p>

<hr>

<p>I also tried creating a private method</p><pre><code>function getModelValue() {
    console.log(ngModel.$viewValue);
    return ngModel.$viewValue;
}
</code></pre><p>and then change the one template line to</p><pre><code>'<textarea class="wmd-input" id="wmd-input-' + editorUniqueId + '">' + getModelValue() +
</code></pre><p>but then the output is</p><pre><code>NaN
</code></pre><p>Where am I going wrong?</p>

<hr>

<p>if it matters, here's the order of my scripts (not including vendor scripts)</p><pre><code><script src="app.js"></script>
<script src="directives/backButtonDirective.js"></script>
<script src="directives/bootstrapSwitchDirective.js"></script>
<script src="directives/markdownDirective.js"></script>
<script src="directives/trackActiveDirective.js"></script>
<script src="services/alertService.js"></script>
<script src="services/roleService.js"></script>
<script src="services/moduleService.js"></script>
<script src="services/changePasswordService.js"></script>
<script src="services/userService.js"></script>
<script src="controllers/usersController.js"></script>
<script src="controllers/userController.js"></script>
<script src="controllers/moduleController.js"></script>
<script src="controllers/modulesController.js"></script>
</code></pre><p>
</p><div class="h2_lin"> 解决方案 </div><p>The HTML your inserting isn't getting compiled.  It's easiest just to move it into your template, or investigate using ng-transclude.  Here's an example of moving it into your template.</p>

<p><a href="http://plnkr.co/edit/cidTZLY9GpESMvCcHKBU?p=preview" rel="nofollow noreferrer">plunker</a></p><pre><code>breathingRoom.directive('markdown', function () {
    var nextId = 0;
    return {
        require: 'ngModel',
        replace: true,
        restrict: 'E',
        template: '<div class="pagedown-bootstrap-editor"><div class="wmd-panel">' +
                '<div id="wmd-button-bar-{{editorUniqueId}}"></div>' +
                '<textarea class="wmd-input" id="wmd-input-{{editorUniqueId}}">{{modelValue()}}' +
                '</textarea>' +
                '</div>' +
                '<div id="wmd-preview-{{editorUniqueId}}" class="wmd-panel wmd-preview"></div>' +
                '</div></div>',
        link:function (scope, element, attrs, ngModel) {

            scope.editorUniqueId = nextId++;

            // parent scope -> local change
            scope.modelValue = function () {
                console.log('modelvalue - ' + ngModel.$viewValue);
                return ngModel.$viewValue;
            };
        }
    };
});
</code></pre><p>

                        <p>这篇关于如何在自定义指令中获取 ng-model 值的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！</p>
                        
                    </div>
                    <div class="arc-body-main-more">
                        <span onclick="unlockarc('2525349');">查看全文</span>
                    </div>
                </div>
				<div>
                            
                        </div>
                <div class="wwads-cn wwads-horizontal" data-id="166" style="max-width:100%;border: 4px solid #666;"></div>
            </div>
        </article>
        <div id="arc-ad-2" class="mb-1">
            <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-5038752844014834"
     crossorigin="anonymous"></script>
<ins class="adsbygoogle"
     style="display:block"
     data-ad-format="autorelaxed"
     data-ad-client="ca-pub-5038752844014834"
     data-ad-slot="3921941283"></ins>
<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>

        </div>
        <div class="widget bgwhite radius-1 mb-1 shadow widget-rel">
            <h5>相关文章</h5>
            <ul>
                    <li>
                        <a target="_blank" title="如何在自定义指令中获取ng-model值" href="/1927952.html">
                            如何在自定义指令中获取ng-model值;
                        </a>
                    </li>
                    <li>
                        <a target="_blank" title="用于自定义指令 Angular 的 ng-model" href="/2525964.html">
                            用于自定义指令 Angular 的 ng-model;
                        </a>
                    </li>
                    <li>
                        <a target="_blank" title="用于自定义指令 Angular 的 ng-model" href="/2526082.html">
                            用于自定义指令 Angular 的 ng-model;
                        </a>
                    </li>
                    <li>
                        <a target="_blank" title="用于自定义指令 Angular 的 ng-model" href="/2526119.html">
                            用于自定义指令 Angular 的 ng-model;
                        </a>
                    </li>
                    <li>
                        <a target="_blank" title="带有 ng-model 的 Angular 6 自定义指令" href="/2517752.html">
                            带有 ng-model 的 Angular 6 自定义指令;
                        </a>
                    </li>
                    <li>
                        <a target="_blank" title="带有ng-model的Angular 6自定义指令" href="/1926370.html">
                            带有ng-model的Angular 6自定义指令;
                        </a>
                    </li>
                    <li>
                        <a target="_blank" title="触发自定义验证指令后，AngularJS ng-model 值丢失" href="/2525291.html">
                            触发自定义验证指令后，AngularJS ng-model 值丢失;
                        </a>
                    </li>
                    <li>
                        <a target="_blank" title="触发自定义验证指令后，AngularJS ng-model 值丢失" href="/2527666.html">
                            触发自定义验证指令后，AngularJS ng-model 值丢失;
                        </a>
                    </li>
                    <li>
                        <a target="_blank" title="触发自定义验证指令后，AngularJS ng-model 值丢失" href="/2530003.html">
                            触发自定义验证指令后，AngularJS ng-model 值丢失;
                        </a>
                    </li>
                    <li>
                        <a target="_blank" title="使用 ng-model 的 AngularJS 自定义表单组件/指令" href="/2520232.html">
                            使用 ng-model 的 AngularJS 自定义表单组件/指令;
                        </a>
                    </li>
                    <li>
                        <a target="_blank" title="使用ng-model的AngularJS自定义表单组件/指令" href="/1926847.html">
                            使用ng-model的AngularJS自定义表单组件/指令;
                        </a>
                    </li>
                    <li>
                        <a target="_blank" title="使用 ng-model 的 AngularJS 自定义表单组件/指令" href="/2521400.html">
                            使用 ng-model 的 AngularJS 自定义表单组件/指令;
                        </a>
                    </li>
                    <li>
                        <a target="_blank" title="使用 ng-model 的 AngularJS 自定义表单组件/指令" href="/2524620.html">
                            使用 ng-model 的 AngularJS 自定义表单组件/指令;
                        </a>
                    </li>
                    <li>
                        <a target="_blank" title="如何在自定义指令中正确使用 ng-model 指令及其控制器?" href="/2525811.html">
                            如何在自定义指令中正确使用 ng-model 指令及其控制器?;
                        </a>
                    </li>
                    <li>
                        <a target="_blank" title="如何在自定义指令中正确使用ng-model指令及其控制器?" href="/1928592.html">
                            如何在自定义指令中正确使用ng-model指令及其控制器?;
                        </a>
                    </li>
                    <li>
                        <a target="_blank" title="AngularJS - 在自定义指令中呈现模板之前格式化 ng-model" href="/2757535.html">
                            AngularJS - 在自定义指令中呈现模板之前格式化 ng-model;
                        </a>
                    </li>
                    <li>
                        <a target="_blank" title="使用 ng-model 获取文件输入的指令" href="/2521848.html">
                            使用 ng-model 获取文件输入的指令;
                        </a>
                    </li>
                    <li>
                        <a target="_blank" title="使用ng-model获取文件输入的指令" href="/1007787.html">
                            使用ng-model获取文件输入的指令;
                        </a>
                    </li>
                    <li>
                        <a target="_blank" title="使用 ng-model 获取文件输入的指令" href="/2519548.html">
                            使用 ng-model 获取文件输入的指令;
                        </a>
                    </li>
                    <li>
                        <a target="_blank" title="在嵌套指令中传递 ng-model" href="/2525132.html">
                            在嵌套指令中传递 ng-model;
                        </a>
                    </li>
                    <li>
                        <a target="_blank" title="在指令中观看 ng-model" href="/2525396.html">
                            在指令中观看 ng-model;
                        </a>
                    </li>
                    <li>
                        <a target="_blank" title="在指令中观看 ng-model" href="/2527710.html">
                            在指令中观看 ng-model;
                        </a>
                    </li>
                    <li>
                        <a target="_blank" title="动态NG-model的指令内结合" href="/193987.html">
                            动态NG-model的指令内结合;
                        </a>
                    </li>
                    <li>
                        <a target="_blank" title="指令内的动态 ng-model 绑定" href="/2524924.html">
                            指令内的动态 ng-model 绑定;
                        </a>
                    </li>
                    <li>
                        <a target="_blank" title="指令内的动态 ng-model 绑定" href="/2527486.html">
                            指令内的动态 ng-model 绑定;
                        </a>
                    </li>
            </ul>
        </div>
        <div class="mb-1">
            <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-5038752844014834"
     crossorigin="anonymous"></script>
<ins class="adsbygoogle"
     style="display:block"
     data-ad-format="autorelaxed"
     data-ad-client="ca-pub-5038752844014834"
     data-ad-slot="3921941283"></ins>
<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>

        </div>
    </div>
    <div class="side">
        <div class="widget widget-side bgwhite mb-1 shadow">
            <h5>其他开发最新文章</h5>
            <ul>
                    <li>
                        <a target="_blank" title="拒绝显示一个框架，因为它将'X-Frame-Options'设置为'sameorigin'" href="/893060.html">
                            拒绝显示一个框架，因为它将'X-Frame-Options'设置为'sameorigin';
                        </a>
                    </li>
                    <li>
                        <a target="_blank" title="什么是＆QUOT; AW＆QUOT;在部分标志属性是什么意思？" href="/303988.html">
                            什么是＆QUOT; AW＆QUOT;在部分标志属性是什么意思？;
                        </a>
                    </li>
                    <li>
                        <a target="_blank" title="在运行npm install命令时获取'npm WARN弃用'警告" href="/840917.html">
                            在运行npm install命令时获取'npm WARN弃用'警告;
                        </a>
                    </li>
                    <li>
                        <a target="_blank" title="cmake无法找到openssl" href="/516280.html">
                            cmake无法找到openssl;
                        </a>
                    </li>
                    <li>
                        <a target="_blank" title="从Spark的scala中的* .tar.gz压缩文件中读取HDF5文件" href="/850628.html">
                            从Spark的scala中的* .tar.gz压缩文件中读取HDF5文件;
                        </a>
                    </li>
                    <li>
                        <a target="_blank" title="Twitter :: Error :: Forbidden  - 无法验证您的凭据" href="/630061.html">
                            Twitter :: Error :: Forbidden  - 无法验证您的凭据;
                        </a>
                    </li>
                    <li>
                        <a target="_blank" title="我什么时候需要一个fb：app_id或者fb：admins？" href="/747981.html">
                            我什么时候需要一个fb：app_id或者fb：admins？;
                        </a>
                    </li>
                    <li>
                        <a target="_blank" title="将.db文件导入R" href="/902960.html">
                            将.db文件导入R;
                        </a>
                    </li>
                    <li>
                        <a target="_blank" title="npm通知创建一个lockfile作为package-lock.json。你应该提交这个文件" href="/744854.html">
                            npm通知创建一个lockfile作为package-lock.json。你应该提交这个文件;
                        </a>
                    </li>
                    <li>
                        <a target="_blank" title="拒绝执行内联脚本，因为它违反了以下内容安全策略指令：“script-src'self'”" href="/819167.html">
                            拒绝执行内联脚本，因为它违反了以下内容安全策略指令：“script-src'self'”;
                        </a>
                    </li>
            </ul>
        </div>
        <div class="widget widget-side bgwhite mb-1 shadow">
            <h5>
                热门教程
            </h5>
            <ul>
                <li>
                    <a target="_blank" title="Java教程" href="/OnLineTutorial/java/index.html">
                        Java教程
                    </a>
                </li>
                <li>
                    <a target="_blank" title="Apache ANT 教程" href="/OnLineTutorial/ant/index.html">
                        Apache ANT 教程
                    </a>
                </li>
                <li>
                    <a target="_blank" title="Kali Linux教程" href="/OnLineTutorial/kali_linux/index.html">
                        Kali Linux教程
                    </a>
                </li>
                <li>
                    <a target="_blank" title="JavaScript教程" href="/OnLineTutorial/javascript/index.html">
                        JavaScript教程
                    </a>
                </li>
                <li>
                    <a target="_blank" title="JavaFx教程" href="/OnLineTutorial/javafx/index.html">
                        JavaFx教程
                    </a>
                </li>
                <li>
                    <a target="_blank" title="MFC 教程" href="/OnLineTutorial/mfc/index.html">
                        MFC 教程
                    </a>
                </li>
                <li>
                    <a target="_blank" title="Apache HTTP客户端教程" href="/OnLineTutorial/apache_httpclient/index.html">
                        Apache HTTP客户端教程
                    </a>
                </li>
                <li>
                    <a target="_blank" title="Microsoft Visio 教程" href="/OnLineTutorial/microsoft_visio/index.html">
                        Microsoft Visio 教程
                    </a>
                </li>
            </ul>
        </div>
        <div class="widget widget-side bgwhite mb-1 shadow">
            <h5>
                热门工具
            </h5>
            <ul>
                
                <li>
                    <a target="_blank" title="Java 在线工具" href="/Onlinetools/details/4">
                        Java 在线工具
                    </a>
                </li>
                <li>
                    <a target="_blank" title="C(GCC) 在线工具" href="/Onlinetools/details/6">
                        C(GCC) 在线工具
                    </a>
                </li>
                <li>
                    <a target="_blank" title="PHP 在线工具" href="/Onlinetools/details/8">
                        PHP 在线工具
                    </a>
                </li>
                <li>
                    <a target="_blank" title="C# 在线工具" href="/Onlinetools/details/1">
                        C# 在线工具
                    </a>
                </li>
                <li>
                    <a target="_blank" title="Python 在线工具" href="/Onlinetools/details/5">
                        Python 在线工具
                    </a>
                </li>
                <li>
                    <a target="_blank" title="MySQL 在线工具" href="/Onlinetools/Dbdetails/33">
                        MySQL 在线工具
                    </a>
                </li>
                <li>
                    <a target="_blank" title="VB.NET 在线工具" href="/Onlinetools/details/2">
                        VB.NET 在线工具
                    </a>
                </li>
                <li>
                    <a target="_blank" title="Lua 在线工具" href="/Onlinetools/details/14">
                        Lua 在线工具
                    </a>
                </li>
                <li>
                    <a target="_blank" title="Oracle 在线工具" href="/Onlinetools/Dbdetails/35">
                        Oracle 在线工具
                    </a>
                </li>
                <li>
                    <a target="_blank" title="C++(GCC) 在线工具" href="/Onlinetools/details/7">
                        C++(GCC) 在线工具
                    </a>
                </li>
                <li>
                    <a target="_blank" title="Go 在线工具" href="/Onlinetools/details/20">
                        Go 在线工具
                    </a>
                </li>
                <li>
                    <a target="_blank" title="Fortran 在线工具" href="/Onlinetools/details/45">
                        Fortran 在线工具
                    </a>
                </li>
            </ul>
        </div>
        
    </div>
</div>
<script type="text/javascript">var eskeys = '如,何在,自定义,指令,中,获取,ng-model,值'; var cat = 'cc';';//other-dev</script>
    </div>
<div id="pop" onclick="pophide();">
    <div id="pop_body" onclick="event.stopPropagation();">
        <h6 class="flex flex101">
            登录
            <span onclick="pophide();">关闭</span>
        </h6>
        <div class="pd-1">
            <div class="wxtip center">
                <span>扫码关注<em>1秒</em>登录</span>
            </div>
            <div class="center">
                <img id="qr" src="https://huajiakeji.com/Content/Images/qrydx.jpg" alt="" style="width:150px;height:150px;" />
            </div>
            <div style="margin-top:10px;display:flex;justify-content: center;">
                <input type="text" placeholder="输入验证码" id="txtcode" autocomplete="off" />
                <input id="btngo" type="button" onclick="chk()" value="GO" />
            </div>
            <div class="center" style="margin: 4px; font-size: .8rem; color: #f60;">
                发送“验证码”获取
                <em style="padding: 0 .5rem;">|</em>
                <span style="color: #01a05c;">15天全站免登陆</span>
            </div>
            <div id="chkinfo" class="tip"></div>
        </div>
    </div>
</div>    <script type="text/javascript" src="https://lib.sinaapp.com/js/jquery/1.9.1/jquery-1.9.1.min.js"></script>
<script type="text/javascript" src="https://cdn.bootcss.com/jquery-cookie/1.4.1/jquery.cookie.min.js"></script>
<script type="text/javascript" src="https://img01.yuandaxia.cn/Scripts/highlight.min.js"></script>
<script type="text/javascript" src="https://img01.yuandaxia.cn/Scripts/base.js?v=0.22"></script>
<script type="text/javascript" src="https://img01.yuandaxia.cn/Scripts/tui.js?v=0.11"></script>
<footer class="footer">
    <div class="container">
		<div class="flink mb-1">
			友情链接：
            <a href="https://www.it1352.com/" target="_blank">IT屋</a>
            <a href="https://huajiakeji.com/" target="_blank">Chrome插件</a>
            <a href="https://www.cnplugins.com/" target="_blank">谷歌浏览器插件</a>
        </div>
        <section class="copyright-section">
            <a href="https://www.it1352.com" title="IT屋-程序员软件开发技术分享社区">IT屋</a>
            ©2016-2022 <a href="http://www.beian.miit.gov.cn/" target="_blank">琼ICP备2021000895号-1</a>
            <a href="/sitemap.html" target="_blank" title="站点地图">站点地图</a>
            <a href="/Home/Tags" target="_blank" title="站点标签">站点标签</a>
            <a target="_blank" alt="sitemap" href="/sitemap.xml">SiteMap</a>
            <a href="/1155981.html" title="IT屋-免责申明"><免责申明></a>
            本站内容来源互联网,如果侵犯您的权益请联系我们删除.
        </section>
        
<!--统计代码-->
<script type="text/javascript">
    var _hmt = _hmt || [];
    (function() {
      var hm = document.createElement("script");
      hm.src = "https://hm.baidu.com/hm.js?0c3a090f7b3c4ad458ac1296cb5cc779";
      var s = document.getElementsByTagName("script")[0]; 
      s.parentNode.insertBefore(hm, s);
    })();
</script>
<script type="text/javascript">
    (function () {
        var bp = document.createElement('script');
        var curProtocol = window.location.protocol.split(':')[0];
        if (curProtocol === 'https') {
            bp.src = 'https://zz.bdstatic.com/linksubmit/push.js';
        }
        else {
            bp.src = 'http://push.zhanzhang.baidu.com/push.js';
        }
        var s = document.getElementsByTagName("script")[0];
        s.parentNode.insertBefore(bp, s);
    })();
</script>
    </div>
</footer>
</body>
</html>